Javascript 无法在jquery中使用调用函数 你好; $function viewKartevent{ 你好; $popupdiv.dialog{ 标题:AddCart, 宽度:630, 身高:450, 莫代尔:是的, 按钮:{ 关闭:功能{ $this.dialog'close' } } }; 返回false; };

Javascript 无法在jquery中使用调用函数 你好; $function viewKartevent{ 你好; $popupdiv.dialog{ 标题:AddCart, 宽度:630, 身高:450, 莫代尔:是的, 按钮:{ 关闭:功能{ $this.dialog'close' } } }; 返回false; };,javascript,jquery,asp.net-mvc-3,asp.net-mvc-4,dom,Javascript,Jquery,Asp.net Mvc 3,Asp.net Mvc 4,Dom,你好,世界 我正在尝试调用jquery函数,但无法这样做。我有一个文本Cart0,我想将其作为查看购物车的链接,购物车实际上是一个弹出窗口。函数viewKart不在全局范围内 alert("hello"); $(viewKart); function viewKart(event) { alert("hello"); $("#popupdiv").dialog({ title: "AddCart", width: 630, heig

你好,世界

我正在尝试调用jquery函数,但无法这样做。我有一个文本Cart0,我想将其作为查看购物车的链接,购物车实际上是一个弹出窗口。

函数viewKart不在全局范围内

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

不需要对函数进行jQuery包装

函数viewKart{ 你好; $popupdiv.dialog{ 标题:AddCart, 宽度:630, 身高:450, 莫代尔:是的, 按钮:{ 关闭:功能{ $this.dialog'close' } } }; $popupdiv.dialogopen 返回false; } 你好,世界


使用jQuery处理程序的强大功能,保持html的整洁:

1.使用.onclick处理程序,而不是函数: 2.删除html上的onClick属性。 每次用户单击ID为cartClick的元素时,jQuery都会触发匿名函数


注意。我的答案只是为了让您知道,其他所有答案都同样有效。

您正在以jQuery就绪的形式立即传递函数。删除函数周围的$wrapper。如果要在HTML属性中传递函数以显式调用它,请使用onclick='viewKart'@Amila。这对我不起作用。该标记位于我的共享页面中,该页面正由具有popupdiv的页面使用。我不确定是否理解:您需要打开一个对话框,在该对话框中,您需要加载href中链接的页面内容?共享页面类似于mvc中的母版页。此母版页将显示购物车中有多少项。此链接将打开一个对话框,其中显示我将使用json获取的内容。这与我无关。我只想让它成为一个链接,当点击它时会打开一个对话框。我的对话框不会出现。我已经为包含要显示的数据的div编辑了我的帖子。做了一些更改。您初始化了对话框,但这可能应该在文档就绪时完成,但实际上并没有显示对话框。
    $(function(){
        //alert("Document Ready");
        $("#cartClick").on("click",function(e){
            //alert("Button clicked!!");

            $("#popupdiv").dialog({
                title: "AddCart",
                width: 630,
                height: 450,
                modal: true,
                buttons: {
                    Close: function () {
                        $(this).dialog('close')
                    }
                }
            });
            return false;
        });
    });
    <div class="text">
        <a id="cartClick" href="#"> Cart(@if ( @App["CartLen"] != null) { @App["CartLen"] })</a>
    </div>