javascript - 无法在 jquery 中使用 调用函数

Question

<script type="text/javascript">

alert("hello");
$(function viewKart(event) {
    alert("hello");
    $("#popupdiv").dialog({
        title: "AddCart",
        width: 630,
        height: 450,
        modal: true,
        buttons: {
            Close: function () {
                $(this).dialog('close')
            }
        }
    });
    return false;
});
</script>

<div class="text">
    <a id="cartClick" onclick="viewKart();" href="#"> Cart(@if ( @App["CartLen"] != null) { @App["CartLen"] })</a>
</div>

 <div id="popupdiv" title="Basic modal dialog" style="display: none">
       <p>Hello World !</p>

    </div>

我正在尝试调用 jquery 函数，但无法调用。我有一个文本“Cart(0)”，我想将它作为一个链接来查看实际上是一个弹出窗口的购物车。

Answer 1

不需要 jQuery 环绕您的函数。

function viewKart() {
  alert("hello");
  $("#popupdiv").dialog({
    title: "AddCart",
    width: 630,
    height: 450,
    modal: true,
    buttons: {
      Close: function() {
        $(this).dialog('close')
      }
    }
  });
  $("#popupdiv").dialog("open")
  return false;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/themes/smoothness/jquery-ui.css" />
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js"></script>


<div class="text">
  <a id="cartClick" onclick="viewKart();" href="#"> Cart(...)</a>
</div>

<div id="popupdiv" title="Basic modal dialog" style="display: none">
  <p>Hello World !</p>
</div>