Question

我为我的主页（index.php）构建了一个导航栏，我可以在其中单击其中一个可用链接（锚点）。选择一个链接，在我的页面（index.php）中加载一个包含以下代码的新主体：

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

这很好用。

但是，现在在index.php体内加载新页面page1.php之后我遇到了这个麻烦：

我的page1.php包含一个表单，在提交后我需要重新加载index.php，其中包含page2.php。我怎么能这样做呢？

注意：我编辑了我的问题：如果您认为现在很明显可以请求吗？（我被禁止参加这个问题而且我不能发布其他问题）

Answer 1

为了从稍后插入的节点捕获事件，您需要使用事件委派，例如：

$("body").on("click", "a", function(e){
    var url = $(this).attr('href');
    e.preventDefault();

    $('#body').load(url);
});

这样，每次点击链接（body的子节点）都会导致事件处理程序触发。如果你不想定位所有链接，只想定位特定链接，你可以通过向它们和选择器添加一个类来实现。

Jquery：构建包含体内页面的导航

1 个答案: