奇妙な問題が発生した後、Jquery UIダイアログを開こうとすると、2番目のダイアログが一番上に表示されますが、理由がわかりません。これはそれがどのように見えるかです
スクリプト:
$.ajaxSetup({ cache: false });
$(document).ready(function () {
$(".EditorDialog").live("click", function (e) {
e.preventDefault();
var d = '@MvcHtmlString.Create(Json.Encode(Model))';
$.post(this.href, d, function (data) {
$(data)
.dialog({
title: $(this).attr("data-dialog-title"),
close: function () { $(this).remove() },
modal: true,
position: ['center', 40],
minWidth: 690,
resizable: false
})
});
});
});
ダイアログビュー:
<div id="emailDialog" class="dialog2">
<div>
<textarea name="content" cols="40" rows="25" id="tinymce">
@Model.Content
</textarea>
<input class="Editorclose" name="submit" type="submit" value="Tilføj" style="float: right" onclick="get_editor_content()" />
</div>
@*<input class="close" name="submit" type="submit" value="Kontakt Oline" style="float: right" onclick="get_editor_content()"/>*@
<script type="text/javascript">
tinyMCE.init({
// General options
mode: "exact",
elements: 'tinymce',
theme: "advanced",
plugins: "autolink,lists,spellchecker,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template",
height: "480",
width: "660",
// Theme options
theme_advanced_buttons1: "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect",
theme_advanced_buttons2: "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
theme_advanced_buttons3: "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
theme_advanced_buttons4: "insertlayer,moveforward,movebackward,absolute,|,styleprops,spellchecker,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,blockquote,pagebreak,|,insertfile,insertimage",
theme_advanced_toolbar_location: "top",
theme_advanced_toolbar_align: "left",
theme_advanced_statusbar_location: "bottom",
theme_advanced_resizing: false,
// Skin options
skin: "o2k7",
skin_variant: "silver",
// Example content CSS (should be your site CSS)
// Drop lists for link/image/media/template dialogs
template_external_list_url: "js/template_list.js",
external_link_list_url: "js/link_list.js",
external_image_list_url: "js/image_list.js",
media_external_list_url: "js/media_list.js",
// Replace values for the template plugin
});
</script>
</div>
次に、Chromeでデバッグすると、両方のタグが表示されます。しかし、コードでは、なぜ2番目が追加されたのかわかりませんか?