单击DIV中的链接并在单独的DIV中显示PHP / HTML

时间:2012-03-26 19:29:55

标签: jquery

我有一个更改的菜单,我想根据与在DIV class =“items”中选择的项目关联的链接在DIV id =“main_content”中显示内容

这是我正在使用的jQuery代码(已编辑

<script type="text/javascript">
$(document).ready(function(){
    $(".items a").click(function(e){
        e.preventDefault(); 
        $("#main_content").load($(this).attr("href"));
    });
});

</script>

此代码似乎在逻辑上是正确的,我在发布之前已进行了大量搜索。这个问题/帖子是构建代码最有用的一个:Clicking a link display it in Different Div on Same Page

单击链接后,将在新选项卡中打开。所以我的问题是,为什么这不起作用?

我对除jQuery之外的其他建议持开放态度。任何帮助将不胜感激。

谢谢!

修改

好的,经过一些试验和错误,我发现另一个脚本导致了问题。我使用下面的脚本来使整个DIV成为可点击的链接。

<script type="text/javascript">
 $(document).ready(function(){ 
  $(".items").click(function(){
     window.location=$(this).find("a").attr("href");
     return false;
  })
 });
</script>

无论如何我可以同时使用这两个脚本吗?

1 个答案:

答案 0 :(得分:0)

是的,代码似乎是正确的(不看标记)。另外,如果您希望同时阻止默认操作并停止传播事件,则可以return false;。我建议你只e.preventDefault(),除非你真的要阻止事件的传播。