Javascript 为什么jquery.load()函数不起作用?
我在我的站点上有一个按钮,当点击该按钮时,应该在div容器中加载html 我正在为按钮使用以下代码:Javascript 为什么jquery.load()函数不起作用?,javascript,jquery,Javascript,Jquery,我在我的站点上有一个按钮,当点击该按钮时,应该在div容器中加载html 我正在为按钮使用以下代码: <div id="nextnr1"><a href = "#">Next>></a></div> 首先,尝试使用“单击”而不是鼠标向下 其次,尝试将“click”事件挂接到链接而不是div: <div><a id="nextnr1" href = "#">Next>>
<div id="nextnr1"><a href = "#">Next>></a></div>
首先,尝试使用“单击”而不是鼠标向下 其次,尝试将“click”事件挂接到链接而不是div:
<div><a id="nextnr1" href = "#">Next>></a></div>
您可能需要停止事件传播/默认处理:
<div><a id="nextnr1" href="#">Next>></a></div>
<script type="text/javascript">
$(document).ready(function() {
$("#nextnr1").click(function(e) {
e.preventDefault();
e.stopPropagation();
$("#Container").load("wrappers.php?currenttab=1&shift=1");
});});
</script>
$(文档).ready(函数(){
$(“#nextnr1”)。单击(函数(e){
e、 预防默认值();
e、 停止传播();
$(“#Container”).load(“wrappers.php?currenttab=1&shift=1”);
});});
首先要添加一个警报,以调试是否触发事件,如下所示。这将有助于更好地了解在确定问题时应该更仔细地观察哪些方面
$('#Container').load('wrappers.php?currenttab=1&shift=1', function() {
alert('Load was performed.');
});
我在URL的末尾添加了一个randon编号,解决了这个问题 如果服务器端代码(PHP)中存在问题,jquery load()函数的行为可能会不一致 我遇到了一个问题,load()在本地站点上工作,但在主机上工作不一致。事实证明,我编写了一些糟糕的PHP,在本地环境中没有造成任何问题,但在部署到主机时造成了问题
如果直接访问URL,请检查以确保使用javascript加载的URL可以加载到浏览器中。这将告诉您这是javascript还是服务器端问题。
click()
和mousedown()
是两种不同的东西。我尝试过这两种方法。我都会在问题中提到,感谢将JSFIDLE组合在一起,这会让您更容易得到帮助。在jQuery中设置一个全局Ajax错误函数,看看它是否会抛出错误!Fiddler也很乐意看到请求。尝试加载静态html。例如:test.htm而不是wrapper.php。在test.htm中,我尝试了这个方法,结果显示,当没有执行加载时,也没有显示执行了msg-box加载。我还看到,2/3分钟后,突然出现了msg框,它重新加载!然而,它确实起作用,但有时会有巨大的延迟。对我来说,这似乎是一个难以解决的问题。如果我是你,我会改变你的方法,改用AJAX将信息拉入容器。这是更常见的,可能会起作用。
<div><a id="nextnr1" href = "#">Next>></a></div>
<div><a id="nextnr1" href="#">Next>></a></div>
<script type="text/javascript">
$(document).ready(function() {
$("#nextnr1").click(function(e) {
e.preventDefault();
e.stopPropagation();
$("#Container").load("wrappers.php?currenttab=1&shift=1");
});});
</script>
$('#Container').load('wrappers.php?currenttab=1&shift=1', function() {
alert('Load was performed.');
});