Question

我有一个奇怪的问题，然后我尝试打开一个Jquery UI对话框，第二个对话框放在顶部，没有我可以看到原因。这就是 Dual jQuery UI Dialogs

的外观

剧本：

  $.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中调试，我可以看到两个标签。但是在代码中，我看不出为什么会添加第二个？

Answer 1

我发现了问题。原因是在partialView中也存在Javascript，通过将其移动到调用局部视图的视图来解决问题。

jQuery UI Dialog多次打开MVC4

1 个答案: