У меня проблема с jQuery на странице, которая содержит несколько разделов.
Давайте рассмотрим следующий HTML-код:
<div id="a"><a href="javascript:/" onclick="LoadB();return false;">Load B</a></div>
<div id="b"></div>
<div id="c">TEST</div>
где
function LoadB( ) {
$( "#b" ).load( 'b.html' ) ;
}
и b.html содержит
<a href="javascript:/" onclick="LoadC();return false;">Load C</a>
, где
function LoadC( ) {
$( "#c" ).load( 'c.html' ) ;
}
, а c.html содержит
<p>Hello, world!</p>
Если я нажимаю «Загрузить B», это работает, но,как только появляется вторая ссылка, если я нажимаю «Загрузить C», она не появляется.Я получаю следующую ошибку:
Uncaught TypeError: Невозможно прочитать свойство 'body' из неопределенного
Я подозреваю, что во втором случае есть некоторая проблема для навигации в jQueryДОМ.Просто учтите, что если у меня после первого клика есть проверка на деление C, getElementById и jQuery дают два разных результата.На самом деле
console.log(document.getElementById('c'));
console.log($( "#c" ));
результат в
<div id="c">TEST</div> (from getElementById)
funzioni.js:68 (from jQuery)
w.fn.init [div#c]
0: div#c
length:1
__proto__:Object(0)