Note that there are some explanatory texts on larger screens.

plurals
  1. POjqWidget Menu Not Showing correctly
    text
    copied!<p>I have a partial view and I have a list of Categories but I want to use the jqWidget menu, I have make the references </p> <pre><code>&lt;link rel="stylesheet" href="../../Content/jqwidgets/styles/jqx.base.css" type="text/css" /&gt; &lt;link rel="stylesheet" href="../../Content/jqwidgets/styles/jqx.base.css" type="text/css"/&gt; &lt;script type="text/javascript" src="../../Scripts/jquery-1.8.2.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="../../Content/scripts/gettheme.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="../../Content/jqwidgets/jqxcore.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="../../Content/jqwidgets/jqxmenu.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="../../Content/jqwidgets/jqxcheckbox.js"&gt;&lt;/script&gt; &lt;link rel="stylesheet" href="../../Content/jqwidgets/styles/jqx.fresh.css" type="text/css" /&gt; </code></pre> <p>But they just show like normal li tags, I am using MVC 4, here is the rest of the code:</p> <pre><code>&lt;body&gt; &lt;div id='content'&gt; &lt;script type="text/javascript"&gt; $(document).ready(function () { $("#Menu").jqxMenu({ mode: 'vertical', theme: 'fresh' }); $("#Menu").css('visibility', 'visible'); }); &lt;/script&gt; &lt;div id='Menu'&gt; &lt;div &gt; &lt;ul&gt; @foreach (var category in Model) { &lt;li&gt; &lt;a&gt;@Html.ActionLink(category.Name, "Browse", "Store", new { Category = category.Name }, null)&lt;/a&gt; &lt;/li&gt; } &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/body&gt; </code></pre>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload