jQuery .load（）无效

Question

在我的网站上，我正在尝试在我的论坛中提取帖子的内容（托管在同一个域中）并使用jQuery在主页上的div中显示。

以下是标题的代码：

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">

<script type="text/javascript">
jQuery("#contain").load("http://examplepage.com/forum/showthread.php?tid=NN #pid_NN");
</script>

然后，我想要显示帖子的div：

<div id="contain"></div>

需要考虑的事项：

• 图书馆加载得很好。
• 如果我输入任何其他代码，它可以工作（如测试alert（1）;）。
• 控制台不会报告任何错误。
• div保持空白;事实上，它甚至没有表现出来。但它就在那里。

我做错了什么？

Answer 1

你的代码应该是这样的

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">

js code

 <script type="text/javascript">
   jQuery(document).ready(function(){
       jQuery("#contain").load("http://examplepage.com/forum/showthread.php?tid=NN #pid_NN");
   });
</script>

Answer 2

.load可以单独传递GET参数：

.load("link to php", "http://examplepage.com/forum/showthread.php", "tid=NN#pid_NN")

Answer 3

你的jQuery include需要一个结束</script>标记，你需要等待dom加载。

JS

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

<script type="text/javascript">
    jQuery(document).ready(function(){
        jQuery("#contain").load("http://examplepage.com/forum/showthread.php?tid=NN#pid_NN");
    });
</script>

HTML

<div id="contain"></div>

Answer 4

检查此代码。您应该在容器ID之后使用“＆gt; *”来加载页面上的特定于内容的容器。

jQuery('#contain').load("http://example.com/pageurl #somecontaineronpage >*",function(){
      //after loading completion code goes here                      
});

希望，这会有所帮助