0

simplemodal ダイアログを閉じるたびに、jHtmlArea が機能しなくなります。私のコードはとてもシンプルです $.modal.close();

これは、simplemodal ダイアログの閉じるボタンをクリックしても発生します。

助けてくれてありがとう。

編集私のアプリは ASP.NET MVC3 と、ボタンのクリックで読み込まれるダイアログの html を使用しています。これは、ボタンがクリックされるたびにダイアログを再作成していることを意味します。多分私はこれをすべきではありません。より良いワークフローを提案できますか (生の Json を取得するなど)。

onShow から richtexteditor (jhtmlarea) を呼び出すという Eric の提案を試みましたが、結果は同じでした。別のリッチ テキスト エディター (ckeditor) でもこれを試しましたが、結果は同じでした。

以下の完全なコード

$(function () {
console.log("beginning ready() for issuesModal");
console.debug("calling tipTip() from ready()..");
$(".tip").tipTip({ maxWidth: "auto", edgeOffset: 10 });

var issuesModal = {
    _targetLink: null,
    _descriptionElem: null,
    _modal: null,
    _modalContainer: $('#basic-modal-content'),
    init: function () {
        console.debug("issuesModal.init()..");

        $("form.edit-issue-form, form.add-issue-form")
                 .submit(function (evt) {
                     evt.preventDefault();
                     hijackForm(this, issuesModal.formLoaded, "html");
                 });
    },
    formLoaded: function (data) {
        console.debug("issuesModal.formLoaded()..");
        issuesModal._modalContainer.html(data);
        issuesModal.doModal(issuesModal._modalContainer);
    },
    doModal: function (elem) {
        console.debug("issuesModal.doModal()..");
        if (issuesModal._modal !== null) {
            $.modal.close();
            issuesModal._modal = null;
        }
        this._modal = $(elem).modal({
            onShow: function (dialog) {
                console.debug("modal form showing..");
                this._descriptionElem = $("#Description");
                 issuesModal.doWysiwyg(this._descriptionElem);
            },
            onClose: function (dialog) {
                console.debug("modal form closing..");
                $.modal.close();
            }
        });
    },
    updateUI: function () {
        console.debug("issuesModal.updateUI()..");
        $(":input[type=submit],[type=reset]").button();

        //$("#issue-name-dropdown").css({ width: 400 }).selectmenu().next().css({ height: 50 })

        $(":input[type=reset]")
        .unbind('click')
        .click(
            function (evt) {
                console.debug("modal form close button clicked..");
                evt.preventDefault();

                $.modal.close();
            }
            );

    },
    doWysiwyg: function (elem) {
        console.debug("issuesModal.doWysiwyg()..");
        $(elem).htmlarea();

    }

};
issuesModal.init();
issuesModal.updateUI();

});

4

1 に答える 1

0

あなたはコードを提供しなかったので、私は解決策を推測することしかできません...

SimpleModalの動作方法を使用して、onShowコールバックでサードパーティライブラリを初期化することをお勧めします。

$('#element').modal({
    onShow: function (d) {
        $('textarea', d.data[0]).jHtmlArea(); // general idea, actual syntax may vary
    }
});

HTH

于 2011-03-31T03:36:18.700 に答える