从a href onclick加载jquery函数

我认为最简单的方法是使用一个单独的DIV来显示所有其他文本。

<div id="MessageDataDiv"></div>

<script>
$(function() {
  $('#MessageDataDiv').dialog({ autoOpen: false });
});
function modalDialog(a) {
  if($(a).data('clicked')) return false;
  $(a).data('clicked', true);
  $('#MessageDataDiv').html($(a).next().text()).dialog();
  return false;
}
</script>

这样,您不必每次打开对话框时都创建。

你可以用这样的东西;

第一条目:

  function modalDialog(event) {
    if (!$(document).data("clicked"))
    {
      $(document).data("clicked", true);
      $('a.message').click(function () {
        var div = new $(this).closest("td").find(".MessageDataDiv").clone();
        div.show().dialog();
        event.preventDefault();
      });
    }
  }

您还可以使用“return false”;而不是激发event.preventDefault();

我会以不同的方式来做。我将从这样的标记开始:

<div class="message">
  <a href="#">17795</a>
  <div>some text to show up in my jquery modal window when function modaldialog is clicked.</div>
</div>

CSS:

div.message > div { display: none; }

JS:

$("div.message > a").one("click", function() {
  $(this).next().dialog();
  return false;
});