0

我有一个 jQuery colorBox，它会弹出一个 userControl，里面有一些 html 控件。

当用户单击带有“colorBoxLink”类的链接时，会启动颜色框：

$j(".colorBoxLink").click((function () {
            $j("div#popup").show();
            var editor = new wysihtml5.Editor("wysihtml5_textarea", { // id of textarea element
                toolbar: "wysihtml5-toolbar", // id of toolbar element
                parserRules: wysihtml5ParserRules, // defined in parser rules set 
                stylesheets: ["Styles/wysihtml5.css", "Styles/wysihtml5.css"]
            });

            $j.colorbox({
                inline: true,
                href: "#popup",
                modal: true,
                scrolling: false,
                onCleanup: function () {
                    $j("div#popup").hide();
                }

            });

        }));

如果我单击控件，它会根据需要关闭（即，如果用户决定不添加任何内容）。但是，如果用户单击 colorBox 上的“x”按钮，则会导致回发并重新加载页面。

我该如何阻止这个？

4

2 回答 2

0

在javascript函数中。然后它不会回发。

 $j(".colorBoxLink").click((function () {
        $j("div#popup").show();
        var editor = new wysihtml5.Editor("wysihtml5_textarea", { // id of textarea element
            toolbar: "wysihtml5-toolbar", // id of toolbar element
            parserRules: wysihtml5ParserRules, // defined in parser rules set 
            stylesheets: ["Styles/wysihtml5.css", "Styles/wysihtml5.css"]
        });

        $j.colorbox({
            inline: true,
            href: "#popup",
            modal: true,
            scrolling: false,
            onCleanup: function () {
                $j("div#popup").hide();
            }

        });
        return false;
    }));
于 2013-03-14T08:50:06.587 回答
0

Colorbox 的关闭按钮实际上是一个按钮元素，它使 ASP 将其解释为表单的一部分并尝试提交页面上的内容。您需要创建一个看起来相同的假关闭按钮（查看 colorbox.css 代码），但要么是 a 要么是标签而不是标签，然后通过 javascript 删除关闭按钮或将其隐藏在 css 中一个 !important 标签。您可以使用 ID“cboxClose”引用关闭按钮。你的假关闭按钮应该调用 jQuery.colorbox.close(); 点击。

于 2013-04-08T20:32:05.023 回答