Opened 11 years ago

Closed 11 years ago

Last modified 6 years ago

#3265 closed bug (worksforme)

Tabs in dialog don't work

Reported by: florin@… 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 11 years ago by paul

Component: ui.coreui.dialog
Owner: changed from paul to scott.gonzalez

comment:2 Changed 11 years ago by Scott González

Resolution: worksforme
Status: newclosed

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).

comment:3 Changed 6 years ago by Scott González

Milestone: TBD

Milestone TBD deleted

Note: See TracTickets for help on using tickets.