Databases
StackOverflow2013
Postsdbo
POWhy jQuery ui tabs are not working?
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POWhy jQuery ui tabs are not working?
    text
    copied!<p>I found the same question here <a href="https://stackoverflow.com/questions/5232668/jquery-ui-tabs-not-working">jquery ui tabs not working</a> but it didn't help me. This is my HTML which should create the tabs but it's not working:</p> <pre><code> &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;jQuery UI Tabs&lt;/title&gt; &lt;link rel="stylesheet" href="jquery.ui.all.css"&gt; &lt;script src="jquery-1.7.js"&gt;&lt;/script&gt; &lt;script src="jquery.ui.core.js"&gt;&lt;/script&gt; &lt;script src="jquery.ui.widget.js"&gt;&lt;/script&gt; &lt;script src="jquery.ui.tabs.js"&gt;&lt;/script&gt; &lt;script&gt; $(function() { $( "#tabs" ).tabs(); }); &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="tabs"&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="#tabs-1"&gt;Nunc tincidunt&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#tabs-2"&gt;Proin dolor&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#tabs-3"&gt;Aenean lacinia&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;div id="tabs-1"&gt; &lt;p&gt;Content 1.&lt;/p&gt; &lt;/div&gt; &lt;div id="tabs-2"&gt; &lt;p&gt;Content 2.&lt;/p&gt; &lt;/div&gt; &lt;div id="tabs-3"&gt; &lt;p&gt;Content 3.&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>and output of this html is this:</p> <pre><code> . Nunc tincidunt . Proin dolor . Aenean lacinia Content 1. Content 2. Content 3. </code></pre> <p>list elements should be displayed as tabs but they displaying as list. Why is that so? Thanks in advance.</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

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