Using Jquery UI Tab control in ASP.NET MVC
- by mike3333
I am new to jquery and am trying out UI plugins. For some reason this following code does not work, in the sense, it does not render the tabs and it's just a bunch of text. But when I copy the page source and paste it in the html page, and put it in the views folder, everything looks great, so , I assume all the js paths are good. Any ideas?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Details
$(document).ready(function() {
$("#tabs").tabs();
});
<div id="tabs">
<ul>
<li><a href="#tabs-1">Text 1</a></li>
<li><a href="#tabs-2">Text 2</a></li>
<li><a href="#tabs-3">Text 3</a></li>
</ul>
<div id="tabs-1">
<div>tab1 content - adsfadfadsf</div>
</div>
<div id="tabs-2">
<div>tab 2 content -adfadfadf </div>
</div>
<div id="tabs-3">
<div>tab 3 content -adfadfadfadf</div>
</div>
</div>
</div>
