#3265 closed bug (worksforme)

Opened August 29, 2008 01:12PM UTC

Closed September 02, 2008 11:41PM UTC

Last modified October 11, 2012 09:15PM UTC

Tabs in dialog don't work

Reported by: florin@libertv.ro Owned by: scottgonzalez
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>

Attachments (0)
Change History (3)

Changed September 01, 2008 02:38PM UTC by paul comment:1

component: ui.core → ui.dialog
owner: paul → scott.gonzalez

Changed September 02, 2008 11:41PM UTC by scottgonzalez comment:2

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

Changed October 11, 2012 09:15PM UTC by scottgonzalez comment:3

milestone: TBD

Milestone TBD deleted