При использовании $(document).ready(function(){...});
(версия 1) функция готовности документа срабатывает неограниченно. Я предполагаю, что готовность запускается каждый раз функция JQuery .load заканчивает? хотелось бы, чтобы подтвердить.
Так что я попытался с помощью $(document).one('ready', function(){...});
функции JQuery в (версия 2), но функция не срабатывает вообще. Что здесь не так?
index.html :
<!DOCTYPE html>
<html lang="en">
<head>
<script src="/vendor/jquery/jquery-3.1.0.min.js"></script>
<script src="/js/index.js"></script>
</head>
<body>
<div class="index__header"></div>
<div class="index__content"></div>
</body>
</html>
index.js версия 1:
var _index = {
loadLogin : function() {
$(".index__content").load("/view/login.html");
}
};
$(document).ready (function() {
$(".index__header").load("/view/header.html");
_index.loadLogin();
});
index.js версия 2:
var _index = {
loadLogin : function() {
$(".index__content").load("/view/login.html");
}
};
$(document).one ('ready', function() {
console.log('ready...');
$(".index__header").load("/view/header.html");
_index.loadLogin();
});
какая ошибка вы получаете на консоли? –
Непонятно, что вы хотите сделать. Загрузите логин после заголовка? Затем выполните '$ (function() {$ (". Index__content "). Load ("/view/header.html ", function() { $ (". Index__content "). Load ("/view/login.html ");});});' – mplungjan