EDIT#2:WP:https://wordpress.stackexchange.com/questions/5683/loading-dynamic-content-with-ajax-breaking-jqueryを除いて、これはまさに私と一緒に起こっていることです。私はどのように私のスクリプトでこれを行うだろうか?ajax呼び出しがjqueryを壊すのはなぜですか?
EDIT:実際の問題は、ページを読み込むとうまく動作し、ajaxが呼び出されていないことです。しかし、いったんそれが呼び出されます。残りのスクリプトはすべて停止します。 ajax呼び出し後にスクリプトを再実行するにはどうすればよいですか?私はFirebug Consoleからこれを確認しました。以下の問題も、私は本当にこのmewith助けるために誰かのために懇願していて...
みんなを引き起こしている可能性がありますされて、私は
ゴー hereこの固定:(を必要とする「現在のプロジェクト」を見セクションとリンクのリストと定義ボックス
ナビゲーションでは、別のページをクリックしてから帰宅します。「Current Projects」セクション全体が壊れています。 JS)、スクロールバーも壊れています。
これは、ajaxが元のdivの隣に別のdivを読み込んでいるためにサイトが破損するためだと思います。
例:ページのロードで
:
<div id="main-content">
..content...
</div>
<div id="main-content" class="home">
<div id="main-content" class="home">
..content...
</div>
</div>
を返し、その後、別のページにクリックした後、
これをどうやって止めるのですか?
のjQuery:現在のプロジェクトのセクションに関連
:
$dd = $('.projects dl').find('dd'), $defBox = $('#def-box');
$defBox.hide();
$('.projects').hover(function(){
$defBox.stop(true, true)
.fadeToggle(1000)
.html('<p>Hover The links to see a description</p>');
});
$dd.hide();
$('.projects dl dt').hover(function(){
var $data = $(this).next('dd').html();
$defBox.html($data);
});
アヤックス
// Ajax Stuff
// Check for hash value in URL
var hash = window.location.hash.substr(1);
// Check to ensure that a link with href == hash is on the page
if ($('a[href="' + hash + '"]').length) {
// Load the page.
var toLoad = hash + '.php #main-content';
$('#main-content').load(toLoad);
}
$('nav ul li a').click(function(){
var goingTo = $(this).attr('href');
goingTo = goingTo.substring(goingTo.lastIndexOf('/') + 1);
if (window.location.hash.substring(1) === goingTo) return false;
var toLoad = $(this).attr('href')+' #main-content',
$content = $('#main-content'), $loadimg = $('#load');
$content.fadeOut('fast',loadContent);
$loadimg.remove();
$content.append('<span id="load"></span>');
$loadimg.fadeIn('slow');
window.location.hash = goingTo;
function loadContent() {
$content.load(toLoad,'',showNewContent)
}
function showNewContent() {
$content.fadeIn('fast',hideLoader);
}
function hideLoader() {
$loadimg.fadeOut('fast');
}
return false;
});
今、私はそれが問題だと思う、私はわからないんだけど、誰でも助けることができますか?
何もしません:( – nowayyy
ajaxコンテンツセレクタを変更していないようです: var toLoad = $(this).attr( 'href')+ '#main-content''to' to var toLoad = $これは).attr( 'href')+ '#メインコンテンツラッパー' ' と: 'var toLoad = hash +' .php#main-content''から' var toLoad = hash + '.php #main -content-wrapper'' そしてすべてのページにラッパーdivを入れてください –
隠されたdivにコンテンツを読み込み、#main-contentを読み込まれたコンテンツに置き換える方が簡単かもしれないことは知っています。 –