2017-11-04 86 views
0

我无法得到这段代码的工作。我在xampp上运行这个。警报工作正常,但html不会加载。请帮忙。jquery加载函数不起作用

我已经添加了链接的jQuery 3.2.1

的index.html

$(document).ready(function(){ 
$("#buttonClick").click(function(){ 
    alert("Hello"); 
    $("#viable").load('new_123.html'); 
}); 
}); 
</script> 

New_123.html

<html> 
<body> 
<h1>Hello 123</h1> 
</body 
</html> 
+0

这里是'viable' ID – brk

+1

你得到在布劳尔的控制台任何错误的DOM?如果您检查浏览器的开发工具*网络*选项卡,您是否看到要返回的预期HTML? – nnnnnn

+0

请为使用过的元素添加适当的代码 –

回答

4

你的身体标记缺少结束支架">"

+0

它需要是一个评论。 TYPO的错误似乎不是problme的实际原因。所以答案根本没有用。 –

+0

有趣的,即时通讯新的stackoverflow,现在开始了解它背后的文化......将继续有选择性地和小心地作出贡献 –

+1

如果你认为这将解决OP的问题,发布这个答案没有任何错误。但是,如果您只是想指出一个与主要问题无关的附带问题,则应该将其作为评论发布。 – nnnnnn

0

我已经使用了相同的代码,我正确地得到结果可能是'>'是个问题!

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <script src="jquery-3.2.1.js"></script> 
    <script type="text/javascript"> 
    $(document).ready(function(){ 
     $("#buttonClick").click(function(){ 
      var d= $("#viable").load('b.html'); 
     }); 
    }); 
    </script> 
</head> 
<body> 
    <div id="viable"></div> 
    <button id="buttonClick"></button> 
</body> 
</html>