每当我关闭我的 simplemodal 对话框时,jHtmlArea 就会停止工作。我的代码很简单
$.modal.close();
即使我单击 simplemodal 对话框上的关闭按钮,也会发生这种情况。
谢谢你的帮助。
编辑我的应用程序正在使用 ASP.NET MVC3 和通过单击按钮加载的对话框的 html。这意味着我在每次单击按钮时都重新创建对话框。也许我不应该这样做。您能否建议一个更好的工作流程(也许检索原始 Json)。
我已经尝试过 Eric 的建议,即从 onShow 调用richtexteditor (jhtmlarea),但结果相同。我也用另一个富文本编辑器(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();
});