メニューをクリックすると、別のページからdivコンテンツを読み込むことができます。これはすべて機能しますが、Wordpressに組み込まれると非常に遅くなります。リンクをクリックすると、機能していないように見えます。コンテンツが表示されます。
何か案は?
これが私のhtmlです:
<nav>
<ul>
<li><a href="<?php bloginfo('url'); ?>/about/">about</a></li>
<li><a href="<?php bloginfo('url'); ?>/kitchen-gallery/">gallery</a></li>
<li><a href="<?php bloginfo('url'); ?>/suppliers/">suppliers</a></li>
<li><a href="<?php bloginfo('url'); ?>/contact/">contact</a></li>
</ul>
</nav>
これが私のjqueryです:
$(function () {
$("nav ul li a").click(function(event) {
loadData(this.href + " #content");
event.preventDefault();
});
});
function loadData(data) {
$('#content').load(data, '#content',function(data){
$.getScript("http://www.mydomain.co.uk/pathtofoler/wp-content/themes/space/js/pe.flare/jquery.pixelentity.flare.min.js");
$("#post-container").hide();
$("#content-container").slideDown(600, function() {
$(".block-content").slideUp(600);
$('a[data-target="flare"]').peFlareLightbox();
$("ul.sub li a").click(function(event) {
loadData(this.href + " #content");
event.preventDefault();
});
$('#close').click(function(){
$('#content-container').slideUp(600);
})
});
})
};
必要に応じて、有効なリンクを送信できます。フォーラムのためにグーグル検索に表示されたくないので、これをPMすることができます。大丈夫だといいのですが。