新しいプロジェクト内でjQueryティッカーの1つを使用しており、ページはHTML5 History API(pushStateおよびpopState)を使用して読み込まれます。jQuery.getJSON()を使用してページのコンテンツが読み込まれると、「要素がDOMに存在しません!」という警告が表示されます。-そして、コンテンツがロードされた後は機能しないため、ティッカーコンテナ(ajax呼び出しの後に返される)を参照していると思います。
jQuery.getJSON()のコールバック関数でティッカーを再度インスタンス化しようとしましたが、問題は解決しませんでした。
jQuery.getJSON(url, function(data) {
jQuery.each(data, function(k, v) {
$('#' + k + ' section').fadeOut(200, function() {
$(this).replaceWith($(v).hide().fadeIn(200));
});
});
$('ul#feedNews').ticker({
speed: 0.10,
controls: true,
titleText: '<strong>Latest news</strong>',
displayType: 'reveal',
direction: 'ltr',
pauseOnItems: 3000,
fadeInSpeed: 600,
fadeOutSpeed: 300
});
});
解決策は何でしょうか?