似乎无法在JQuery标签中包装WMD Markdown编辑器

Question

我试图在jQuery-UI标签中放置Markdown编辑器，但编辑器未显示。

<% Using Html.BeginForm()%> 
    <div id="AddEventWizard"> 
     <ul> 
      <li><a href="#tabs-1">Event Title</a></li> 
      <li><a href="#tabs-2">Event Description</a></li> 
     </ul> 
     <div id="tabs-1"> 
      <%: Html.LabelFor(Function(model) model.Name)%> 
      <%: Html.TextBoxFor(Function(model) model.Name, New With{.class = "full-width-input"})%> 
      <%: Html.ValidationMessage("Name", "*")%> 
     </div> 
     <div id="tabs-2"> 
      <noscript><h3>Please use 
       <%: Html.ActionLink("Markdown", "Markdown", "About")%> 
       to style your input.</h3></noscript> 
      <div id="wmd-button-bar" class="wmd-panel"> 
      </div> 
      <%: Html.TextAreaFor(Function(model) model.Description, 5, 10, New With {.id = "wmd-input", .class = "wmd-panel"})%> 
      <div id="wmd-preview" class="wmd-panel"> 
      </div> 
      <div class="clear"> 
      </div> 
     </div> 
    </div> 
    <% End Using%> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('textarea#wmd-input:not(.processed)').TextAreaResizer(); 

     $("#AddEventWizard").tabs({ 

    }); 
}); // closes document.ready 

</script> 

有编辑按钮“应该”，但他们不在那里的空间。有谁知道如果jQuery UI的东西莫名其妙阻止WMD Markdown？

---

编辑：

我使用的版本从Github上

HTML标记

<form action="/events/addevent" method="post"> 
     <div id="AddEventWizard"> 

      <ul> 
       <li><a href="#tabs-1">Event Title</a></li> 
       <li><a href="#tabs-2">Event Details</a></li> 
       <li><a href="#tabs-3">Event Description</a></li> 
      </ul> 
      <div id="tabs-1"> 
       <label for="Name">Name</label> 

       <input class="full-width-input" id="Name" name="Name" type="text" value="" /> 

      </div> 
      <div id="tabs-2"></div> 
      <div id="tabs-3"> 
       <noscript><h3>Please use 
        <a href="/about/markdown">Markdown</a> 
        to style your input.</h3></noscript> 
       <div id="wmd-button-bar" class="wmd-panel"> 
       </div> 
       <textarea class="wmd-panel" cols="10" id="wmd-input" name="Description" rows="5"> 

</textarea> 
       <div id="wmd-preview" class="wmd-panel"> 
       </div> 
       <div class="clear"> 
       </div> 
      </div> 
     </div> 
     </form> 


<script type="text/javascript"> 
    $(document).ready(function() { 
     $('textarea#wmd-input:not(.processed)').TextAreaResizer(); 

     $("#AddEventWizard").tabs({ 

    }); 
}); // closes document.ready 

</script> 
<script src="../../Assets/Scripts/wmd.js" type="text/javascript"></script> 
<script src="../../Assets/Scripts/showdown.js" type="text/javascript"></script> 
<script src="../../Assets/Scripts/MicrosoftAjax.js" type="text/javascript"></script> 
<script src="../../Assets/Scripts/MicrosoftMvcAjax.js" type="text/javascript"></script> 
<script src="../../Assets/Scripts/MicrosoftMvcValidation.js" type="text/javascript"></script> 

<script src="../../Assets/Scripts/jquery.textarearesizer.compressed.js" type="text/javascript"></script> 

Answer 1

也许你可以绑定编辑

$('textarea#wmd-input:not(.processed)').TextAreaResizer(); 

不在$（document）.ready上但是在tab3上点击？

这样，编辑器在文本框可见时加载。