似乎無法在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上點擊？

這樣，編輯器在文本框可見時加載。