ページに2つのdivがあります。maindivとsecondaryで、ajaxを使用して別のhtmlページをロードします。クリックイベントによってトリガーされたメインdiv内のすべてのリンクは引き続き正しく機能し、適切なコンテンツを参照しますが、このdiv外のjqueryは機能しません(ナビゲーションなど)。
これが私のjQueryです:
var url;
$('.main a').live('click',function() {
url = $(this).attr('href');
$('.secondary').load(url);
return false;
});
なぜこれが機能しないのか誰かが私を助けることができますか?コールバックイベントをトリガーすることになっていると思いますが、その方法がわかりません。私はこの質問がすでに何度も尋ねられていることを知っています(通常は.live()または.on()を使用することを提案しています)が、これらの解決策はどれも私にはうまくいかないようでした。
編集:ここに短いフィドルがあります:http://jsfiddle.net/snDzF/ したがって、ログインはトグルボトルであると想定され、リンク1、2、および3は2番目の右divにhtmlをロードします。ログイントグルボタンは、リンクの1つをクリックして他のページをロードするまで機能します。