0

私はいくつかのhtmlコントロールを含むuserControlをポップアップするjQuery colorBoxを持っています。

ユーザーが「colorBoxLink」クラスのリンクをクリックすると、colorBox が起動します。

$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 に答える