Jquery不在MVC中工作
问题描述：
运行程序后，它不显示浏览器中的选项卡： -
After run the program it don't shows the tab in browser:-
@Scripts.Render("~/bundles/JUIJS")
@Styles.Render("~/Content/JUICSS")
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script type="text/javascript">
$(document).ready(function () {
$("#tab").tabs();
});
</script>
<div>
<div id="tab">
<ul class="ui-tabs">
<li><a href="#tabs-1">Tab 1</a></li>
<li><a href="#tabs-2">Tab 2</a></li>
<li><a href="#tabs-3">Tab 3</a></li>
</ul>
<div id="tabs-1">
<p>In Tab one</p>
</div>
<div id="tabs-2">
<p>In Tab Two</p>
</div>
<div id="tabs-3">
<p>In Tab Three</p>
</div>
</div>
</div>
答
（ document ）。ready（ function （）{
(document).ready(function () {
（ ＃tab 跨度>）选项卡（）;
}）;
< / script >
< div >
< div id = 标签 >
< ul class = ui-tabs >
< li > < a href = ＃tabs-1 > 标签1 < / a > < / li >
< li > < a href = ＃tabs-2 > 标签2 < / a 跨度> > < / li >
< li > < a href = ＃tabs -3 > 标签3 < / a > < / li >
< / ul >
< div id = tabs-1 >
< p > 在标签一中< / p >
< / div >
< div id = tabs-2 >
< p > 在标签二中< / p >
< / div >
< div id = tabs-3 >
< p > 在标签三中< / p >
< ; / div >
< / div >
< / div >
("#tab").tabs(); }); </script> <div> <div id="tab"> <ul class="ui-tabs"> <li><a href="#tabs-1">Tab 1</a></li> <li><a href="#tabs-2">Tab 2</a></li> <li><a href="#tabs-3">Tab 3</a></li> </ul> <div id="tabs-1"> <p>In Tab one</p> </div> <div id="tabs-2"> <p>In Tab Two</p> </div> <div id="tabs-3"> <p>In Tab Three</p> </div> </div> </div>
试试这个
try this
<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script>