Javascript 动态变化<；部门>；使用jquery失败_Javascript_Jquery

Javascript 动态变化<；部门>；使用jquery失败

javascript jquery

Javascript 动态变化<；部门>；使用jquery失败,javascript,jquery,Javascript,Jquery,我创建了两个简单的页面作为测试。第一个是PIG_TEST.htm，它输出一个包含3个部分的简单页面；标题、菜单和主菜单。菜单部分包含一个链接，选中该链接后，应通过jquery单击功能将第二个页面PIG_TEST_1-php加载到主页上id为“mainx”的。但是，选中时，它只会替换原始页面。似乎它没有找到或看到“美因克斯”部门标题测试页菜单测试页主测试页（文档）.就绪（函数（）{ $（'#but1'）。单击（函数（e）{ e、预防默认值（）； $（'#mainx'）.l

我创建了两个简单的页面作为测试。第一个是PIG_TEST.htm，它输出一个包含3个

部分的简单页面；标题、菜单和主菜单。菜单部分包含一个链接，选中该链接后，应通过jquery单击功能将第二个页面PIG_TEST_1-php加载到主页上id为“mainx”的

。但是，选中时，它只会替换原始页面。似乎它没有找到或看到“美因克斯”部门


标题测试页
菜单测试页



主测试页
（文档）.就绪（函数（）{
$（'#but1'）。单击（函数（e）{
e、 预防默认值（）；
$（'#mainx'）.load（this.href）；
});
});

PIG_TEST_1.php是：

<?php
echo "<body>";
echo "    THIS IS A DUMMY PAGE <br></p>";
echo "</body>";
?>

我尝试在

之后调用“jquery-1.8.0.min.js”，但失败了。

抱歉，我是jquery新手，如果您有任何帮助，我们将不胜感激。

您应该将jquery

标记移到另一个标记之外（您已将其嵌套），并且在

（文档）之前还需要一个$
符号。准备好了吗

：

<script src='js/jquery-1.8.0.min.js'></script>
<script type='text/javascript' charset='utf-8'>
$(document).ready(function(){
  $('#but1').click(function(e){
    e.preventDefault();
    $('#mainx').load(this.href);
   });
});
</script>


$（文档）.ready（函数（）{
$（'#but1'）。单击（函数（e）{
e、 预防默认值（）；
$（'#mainx'）.load（this.href）；
});
});

您的代码有很多问题

不能包含在另一个

标记中

在调用函数之前加载jQuery

在

（文档）

之前添加

因此，您的代码应该是：

<script src='js/jquery-1.8.0.min.js'></script>
<script type='text/javascript' charset='utf-8'>
$(document).ready(function(){
  $('#but1').click(function(e){
    e.preventDefault();
    $('#mainx').load(this.href);
   });
});
</script>


$（文档）.ready（函数（）{
$（'#but1'）。单击（函数（e）{
e、 预防默认值（）；
$（'#mainx'）.load（this.href）；
});
});

在执行jQuery代码之前加载jQuery。另外，

（文档）

应该是

$（文档）

@j08691不是必需的。。因为它正在等待医生准备好了吗？因此，当doc ready..@pogrindis

$（document）时将加载它。ready

是

jQuery（document.ready

的别名。您不能调用未加载的函数。如果您使用纯js docready，它可能会work@Austin当然！头脑fart@Daniel这个问题被编辑了。它以前是嵌套的。非常感谢@codebox。我把这个调用移到jQuery上，并把前面提到的（文档）加了起来，现在所有的工作都很好。@ ATASVCO酷，如果它解决了你的问题，请考虑接受答案。

<script src='js/jquery-1.8.0.min.js'></script>
<script type='text/javascript' charset='utf-8'>
$(document).ready(function(){
  $('#but1').click(function(e){
    e.preventDefault();
    $('#mainx').load(this.href);
   });
});
</script>