English 中文(简体)
jQuery tabs: Transition happens after mouseover
原标题:

I am using this code:

$(document).ready(function() { $("#tabs").tabs({ event: mouseover , fx: { opacity: toggle , duration: slow } }) });

which works fine if I have either the FX or the mouseover, but if I combine the two, the tab content shows, and THEN fades in. Any ideas?

最佳回答

There might be a slight conflict here with event and fx, as both trigger something to "show" content. You need to disable the "show" callback for the event so fx can handle the showing of the goods (I m think this is were they run into each other). Not sure how to do this out of the box.

  $(document).ready(function(){
    $("#tabs").tabs({
      // fx: {
      //   opacity:  toggle , duration:  slow 
      // },
      event:  mouseover ,
      show: function(event, ui) {
        $("#"+ui.panel.id).fadeIn("slow");
      },
      select: function(event, ui) {
        $("#"+ui.panel.id).hide();
      }
    });
  });

But you can do a "hack" of sorts, and instead of having tabs handle the fx, you do it yourself via the event callbacks.

Hopefully this is kosher, I m a Prototype guy.

问题回答

暂无回答




相关问题
getGridParam is not a function

The HTML: <a href="javascript:void(0)" id="m1">Get Selected id s</a> The Function: jQuery("#m1").click( function() { var s; s = jQuery("#list4").getGridParam( selarrrow )...

selected text in iframe

How to get a selected text inside a iframe. I my page i m having a iframe which is editable true. So how can i get the selected text in that iframe.

jQuery cycle page with links

I am using the cycle plugin with pager functionality like this : $j( #homebox ) .cycle({ fx: fade , speed: fast , timeout: 9000, pager: #home-thumbs , ...

jquery ui dialog opens only once

I have a button that opens a dialog when clicked. The dialog displays a div that was hidden After I close the dialog by clicking the X icon, the dialog can t be opened again.

jConfirm with this existing code

I need help to use jConfirm with this existing code (php & Jquery & jAlert). function logout() { if (confirm("Do you really want to logout?")) window.location.href = "logout.php"; } ...

Wrap text after particular symbol with jQuery

What I m trying to do, is wrap text into div inside ll tag. It wouldn t be a problem, but I need to wrap text that appears particularly after "-" (minus) including "minus" itself. This is my html: &...

热门标签