Asp.net mvc Can';似乎没有将WMD标记编辑器包装在JQuery选项卡中
我试图在jQueryUI选项卡中放置一个标记编辑器,但是没有显示该编辑器Asp.net mvc Can';似乎没有将WMD标记编辑器包装在JQuery选项卡中,asp.net-mvc,jquery-ui,wmd,Asp.net Mvc,Jquery Ui,Wmd,我试图在jQueryUI选项卡中放置一个标记编辑器,但是没有显示该编辑器 <% Using Html.BeginForm()%> <div id="AddEventWizard"> <ul> <li><a href="#tabs-1">Event Title</a></li> <li><a href="#tabs-
<% 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>
请使用
设置输入的样式。
$(文档).ready(函数(){
$('textarea#wmd输入:未(.processed')。TextAreaResizer();
$(“#AddEventWizard”).tabs({
});
}); // 关闭文档。准备好了吗
编辑器按钮“应该”在某个地方,但它们不在那里。有人知道jQuery UI是否会以某种方式阻止大规模杀伤性武器的降价吗
编辑: 我使用的是来自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>
名称
请使用
设置输入的样式。
$(文档).ready(函数(){
$('textarea#wmd输入:未(.processed')。TextAreaResizer();
$(“#AddEventWizard”).tabs({
});
}); // 关闭文档。准备好了吗
也许您可以绑定编辑器
$('textarea#wmd-input:not(.processed)').TextAreaResizer();
不是在$(文档)上。准备好了吗,但单击tab3
这样,当文本框可见时,就会加载编辑器 您使用的是哪个版本,来自attacklabs的原始版本还是来自github的社区编辑版本?另外,如果能生成实际的HTML就好了,因为我不相信你的asp代码与此有任何关系。我已经澄清了我的问题。我还用手风琴尝试了一下,得到了同样的结果。