#3265 closed bug (worksforme)
Tabs in dialog don't work
| Reported by: | Owned by: | Scott González | |
|---|---|---|---|
| Priority: | minor | Milestone: | |
| Component: | ui.dialog | Version: | 1.5.2 |
| Keywords: | Cc: | ||
| Blocked by: | Blocking: |
Description
I would like to have a tab in a dialog, however the combination of dialog/tab seems to cause problems.
In this example, when you try to move/close/resize the dialog, you get a javascript error: Error: this.trigger is not a function File: lib/ui/ui.dialog.js Line: 292 Column: 0
Here is the offending code (place it in the root dir, where the ui package is extracted, the dir which contains lib, themes):
<html> <head> <link rel="stylesheet" href="themes/flora/flora.all.css" type="text/css" media="screen" title="Flora (Default)"> <script src="lib/jquery-1.2.6.js"></script> <script type="text/javascript" src="lib/ui/ui.core.js"></script> <script type="text/javascript" src="lib/ui/ui.tabs.js"></script> <script type="text/javascript" src="lib/ui/ui.dialog.js"></script> <script type="text/javascript" src="lib/ui/ui.resizable.js"></script> <script type="text/javascript" src="lib/ui/ui.draggable.js"></script> <script>
$(document).ready(function(){
$("#settings_tab > ul").tabs();
$("#example").dialog();
});
</script> </head> <body>
<div id="example" class="flora" title="This is my title">
<div id="settings_tab" class="flora">
<ul>
<li><a href="#fragment-1"><span>One</span></a></li> <li><a href="#fragment-2"><span>Two</span></a></li> <li><a href="#fragment-3"><span>Three</span></a></li>
</ul>
<div id="fragment-1">
<p>First tab is active by default:</p> <pre><code>$('#example > ul').tabs();</code></pre>
</div> <div id="fragment-2">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
</div> <div id="fragment-3">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
</div>
</div>
</div> </body> </html>
Change History (3)
comment:1 Changed 15 years ago by
| Component: | ui.core → ui.dialog |
|---|---|
| Owner: | changed from paul to scott.gonzalez |
comment:2 Changed 15 years ago by
| Resolution: | → worksforme |
|---|---|
| Status: | new → closed |
This works for me using latest SVN. Please make sure you're not mixing file versions (which it sounds like you are doing from the .trigger() error).