jquery-ui-tabs

问题 I have jquery tabs like <ul id="tabsList"> <li><a href="#tab-1">Name 1</a></li> <li><a href="#tab-2">Name 2</a></li> <li><a href="http://www.google.com/">Name 3</a></li> </ul> <div id="tab-1">content 1</div> <div id="tab-2">content 2</div> the first two tabs load the respective divs. But the third one should go to google.com, instead it does nothing. It just adds http://example.com/index.html #ui-tabs-[object Object] to the url. I am developing a wordpress plugin and the admin page needs a

问题 I have a problem in the page whose URL can be seen below: http://hero.mynet.com/new/ There is a tabbed structure at the middle bottom of page.Each tab consists one carousel working.And each carousel item (image) can be shown in an overlay when they are clicked. I used jQuery 1.3.2 (I know it's old but I cannot change because of other depencies), jQuery UI 1.7.3, jCarousel 0.2.8 and FancyBox 1.3.4 to build this. Problem can be seen in the screen shots of Internet Explorer and Chrome when 2nd

问题 I am using jQuery Tabs with jQuery 1.3.2 run locally. The tabs get created just fine, but IE tells me that the site is running content that could be a security risk (which is annoying, but maybe that's what always happens when IE sees any javascript...I wouldn't know because I don't use IE). Anyway, I have 3 tabs, and whenever the user goes to the 3rd tab and then back to either of the first two, IE hangs and then tells me I have to close IE, at which point it immediately reopens the page

问题 I have added some JQuery tabs, every time I click on one of them the ID of the link is appended to the url and it jumps to the url, which is really annoying. I have looked for a few fixes like set time out and stopping the postback but nothing seems to work, does anyone have any ideas? <script type="text/javascript"> $(document).ready(function () { $('.moo').click(function (evt) { // stops from submitting the form evt.preventDefault(); return false; }); $("#tabs").tabs(); setTimeout(function

问题 So I currently have a website with jQuery Ui tabs controlling the content. I have previous and next buttons like so <div id="tabs"> <ul> <li><a href="#tabs-1">Nunc tincidunt</a></li> <li><a href="#tabs-2">Proin dolor</a></li> <li><a href="#tabs-3">Aenean lacinia</a></li> </ul> <div id="tabs-1"> <div class="left-arrow"> <a class="prev-tab" href="#"><img src="left-arrow.png"></a> </div> <p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin

问题 I am using the following code for my jQuery UI tabs: $('#tabs').tabs({ fx: { opacity: 'toggle', duration: 400 }}).tabs('rotate', 1000); $("#tabs").hover(function() { $("#tabs").tabs("rotate",0); }, function() { $("#tabs").tabs("rotate",1000); }); $("#tabs").click(function() { $("#tabs").tabs('rotate', 0); }); The tabs are rotating properly and the rotation stop when hovering with the mouse. However, the 'hover' function is also overriding the 'click' function. How can I achieve a pause when

问题 Hey all i am trying to figiure out why my code is not triggering the "onShow" function for the tabs. Here is my code: $(document).ready(function() { $('#tabMain > ul').tabs({ fx: {height: 'toggle'},onShow: function() {alert('onShow');} }); }) I never see the alert box pop up saying "onShow" so i do not know what i am doing wrong? Any help would be awesome! :) David SOLVED $(document).ready(function() { $('#tabMain > ul').tabs({ fx: {height: 'toggle'},onShow: function() {alert('onShow');} });

问题 I am trying to detect when a new tab on my jQueryui tab component is clicked. I have followed several guides and blogs, but can't wrap my head around the process. I have the following: $('#tabs').tabs({ select: function(event,ui) { alert('selected'); return false; }, }); I don't know what I'm missing, but the alert never fires. I'm am not strong with jQuery so I'm probably making a stupid mistake, so any help will be appreciated. Thanks, Kris Update: jsfiddle example http://jsfiddle.net/T7czp

问题 I'm new to jQuery (a couple of weeks). I'm trying to nest the jQueryUI tab control. It works fine until the nested tabs are in an external file then I get an exception thrown in the jQuery source. This seems to be a timing issue to a certain extent, because if I place alert boxes in the .ready function of the nested tabs it works. Can anyone help? I'm sure this question must have been asked before, but after hours of searching I can't seem to find a solution. Here's my very simple example...

问题 I am using JQuery UI Tabs with AJAX content. The loaded data are a DataTables element with ~100 rows and 10 columns. Everything is fine with FF, Chrome, Safari and Opera, but with IE9 the loaded table is very slow. I tried to load the DataTable usin .load() method in IE9 and it is fine, but using JQueryUI tabs it is really not. I tried JQueryUI 1.8.22 and 1.9.1 but the behaviour is the same. Is someone already dealt with this such of problem? EDIT In fact the problem is not bound with