[jQuery] Sortables Update Still Showing Old Sort Position (With New Position)

[madacc]

Here's the code:

$("#sort1").sortable({
connectWith: ['#sort2', '#sort3'],
revert: true,
items: '.groupItem',
handle: '.itemHeader',
placeholder: 'moduleSortHelper',
start: function(e, ui) {
ui.helper.css("width", ui.item.width());
},
update: function(e, ui) {
$("#sort1").sortable("refreshPositions");
alert(ui.item.find(".moduleId").text());

$("#sort1").find(".groupItem").each(function() {
alert("1: " + $(this).find(".moduleId").text());
});
}
});

$("#sort2").sortable({
connectWith: ['#sort1', '#sort3'],
revert: true,
items: '.groupItem',
handle: '.itemHeader',
placeholder: 'moduleSortHelper',
start: function(e, ui) {
ui.helper.css("width", ui.item.width());
},
update: function(e, ui) {
$("#sort2").sortable("refreshPositions");
alert(ui.item.find(".moduleId").text());

$("#sort2").find(".groupItem").each(function() {
alert("2: " + $(this).find(".moduleId").text());
});
}
});

$("#sort3").sortable({
connectWith: ['#sort1', '#sort2'],
revert: true,
items: '.groupItem',
handle: '.itemHeader',
placeholder: 'moduleSortHelper',
start: function(e, ui) {
ui.helper.css("width", ui.item.width());
},
update: function(e, ui) {
$("#sort3").sortable("refreshPositions");
alert(ui.item.find(".moduleId").text());

$("#sort3").find(".groupItem").each(function() {
alert("3: " + $(this).find(".moduleId").text());
});
}
});

When I sort the item, it alerts its previous position as well as its
new position. I tried using "refreshPositions" but that doesn't seem
to fix this issue. Any thoughts/suggestions?

[jQuery] Re: .hide() Doesn't Work Fast Enough?

[madacc]

I'm having this exact same issue and was hoping to get a resolution.
It happens for me on Opera and Safari. I am using a Mac, but I'd be
surprised if that was any cause for this issue. Anyone have any
thoughts on this?

On Jul 7, 11:41 am, Vik <[EMAIL PROTECTED]> wrote:
> I'm using jQuery to fade in my site logo on my home page header, to
> give the home page some animation. It works great.
>
> So that the page will degrade gracefully if the user doesn't have
> Javascript, the HTML has the complete logo already visible. That's
> what users without Javascript see.   If the user has javascript, I
> first hide() the logo using jQuery. Then I fade it in.
>
> However, many times when I load my home page, I see the logo briefly
> before jQuery can hide it.  You see the logo for a split second, and
> then it vanishes. (After that it fades in correctly). Is there a way
> to fix this?
>
> Here's the code:
>
> HTML:
>         echo '';
>                 echo '';
>         echo '';
>
> JQUERY;
> $(document).ready(function()
> {
>         $('#Animated_Header').hide();
>
>         $('#Animated_Header').html(' li>');
>
>         $("ul.nav").superfish();
>
>         $('#Animated_Header').fadeIn(100).innerfade({
>                                 speed: 'slow',
>                                 timeout: 300,
>                                 type: 'sequence',
>                                 containerheight: '71px'
>                         });
>
> });
>
> Thanks in advance to all for any info.
>
> -Vik

[jQuery] Odd Issue with Effects causing input values not to submit - Help!

[madacc]

Here's the HTML:



 Advanced Options





  






Here's the Javascript:

$("#advancedOptsLink").click(function() {
$("#advancedOpts").toggle("blind", { direction: "vertical" },
600);
return false;
});


When I click on Advanced Options, any inputs inside of the DIV layer
with the id "advancedOpts" (such as "test" from my example above) do
not submit with the form. However, they WILL submit if I change the
Javascript to this:

$("#advancedOptsLink").click(function() {
$("#advancedOpts").toggle();
return false;
});

The effect seems to cause this issue here. Any ideas what to do about
this?