jquery.load链接不工作

我使用jquery加载方法作为Iframe将html内容加载到我的index.html（home）内的div的替代方法，并且我得到了包含链接的静态导航栏。但是看起来像点击第一个链接时不再工作。我还有一个登录控制台的说法：jquery.load链接不工作

主线程上的同步XMLHttpRequest由于其对最终用户体验的不利影响而被弃用。如需更多帮助，请查询https://xhr.spec.whatwg.org/。

PS：begineer水平:)

这里是我的代码

HTML链接：

<ul class="dropdown-menu"> 
     <li id="tolink1"><a href="#">SAMPLE 1</a></li> 
     <li id="tolink2"><a href="#">SAMPLE 2/a> </li> 
     <li id="tolink3"><a href="#">SAMPLE 3</a></li> 
     <li id="tolink4"><a href="#">SAMPLE 4</a></li> 
</ul>

的Jquery：

//#loadcontent is the id of the div 
$(document).on('click', '#tolink1', function(e){ 
    $("#loadContent").load('http://localhost/impex/SAMPLE1.html'); 

}); 

$(document).on('click', '#tolink2', function(e){ 
    $("#loadContent").load('http://localhost/impex/SAMPLE2.html'); 

}); 

$(document).on('click', '#tolink3', function(e){ 
    $("#loadContent").load('http://localhost/impex/SAMPLE3.html'); 

}); 

$(document).on('click', '#tolink4', function(e){ 
    $("#loadContent").load('http://localhost/impex/SAMPLE4.html'); 

});

来源

2016-05-12 janKvT

你为什么使用'e.preventDefault（）'？ –

oppss！我只是尝试了一些我的代码，但我已经删除。 – janKvT

现在工作吗？ –

更换你的HTML这样的：

<ul class="dropdown-menu"> 
     <li id="tolink1"><a href="javascript:void(0)">SAMPLE 1</a></li> 
     <li id="tolink2"><a href="javascript:void(0)">SAMPLE 2/a> </li> 
     <li id="tolink3"><a href="javascript:void(0)">SAMPLE 3</a></li> 
     <li id="tolink4"><a href="javascript:void(0)">SAMPLE 4</a></li> 
</ul>

然后试试吧！

来源

2016-05-12 07:37:25

已经尝试过。同样的问题只有在＃url上删除，链接才会在第一时间有效。我也在我的控制台上发出警告说：主线程上的同步XMLHttpRequest已被弃用，因为它对最终用户的体验有不利影响。如需更多帮助，请查看https://xhr.spec.whatwg.org/。 – janKvT

那个警告不是那么重要，把console.log（）放在你的'click'函数中，并检查它是否被调用。 –

也会告诉你的html页面里的'loadContent' div在哪里？ –

jquery.load链接不工作

回答

相关问题