javascript - 如何通过单击链接来执行 jQuery？

Question

我想动态加载一组新的 HTML，并有一个 jQuery 片段来执行此操作。我如何在点击时绑定(bind)它？

jQuery:

$("body.page-ready").load("photo.html .test> *");

链接:

<li id="menu-item" class="menu-item-318"><a href="photo.html">Polaroids</a></li>

该链接已经加载了一个包含所需 HTMl 的新页面，但我希望它动态地考虑上面的 javascript。我可以将链接更改为执行上述 jQuery 代码的 anchor 吗？

Answer 1

这样做:

<li id="menu-item" class="menu-item-318">
  <a href="photo.html"
    onclick='$("body.page-ready").load("photo.html .test> *"); return false;'>Polaroids</a>
</li>

或者以不引人注目的方式:

$(function () {
  $("#menu-item a").click(function () {
    $("body.page-ready").load("photo.html .test> *");
    return false;
  });
});