Strange behavior in JavaScript

Question

I have 2 elements - "span" (named "divLikedX") and "a" (named "aLikeX"). I have the following javascript (occurs clicking by "a"):

    function CommentLike(CommentID, aLink) {
        if (CommentID != null && CommentID > 0)
            $.post("/Home/LikeComment", { CommentID: CommentID },
            function () {
                //alert($("#divLiked" + CommentID).is(':visible'));
                /*alert($(aLink).text());*/if ($("#divLiked" + CommentID).is(':hidden')) {
                    $("#divLiked" + CommentID).show();
                    $("#aLike" + CommentID).text('Unlike');
                } else {
                    $("#divLiked" + CommentID).hide();
                    $("#aLike" + CommentID).text('Like');
                }
            });
        };

If I remove $("#aLike" + CommentID).text('Unlike'); and $("#aLike" + CommentID).text('Like'); strings I get the correct behavior. But with these strings it works correctly only first 2 clicks, after it alert($("#divLiked" + CommentID).is(':visible')) == "true" always. Why?

My only suggestion is to "inspect element" with FF or chrome at the start and after each click to see what attributes the div gets. — Chris Simpson
– Chris Simpson, Commented Sep 28, 2010 at 22:15
no parent of the other. Seems, problem is because this aLink is the same where is clicked. But how to solve.... — Oleg Sh
– Oleg Sh, Commented Sep 28, 2010 at 22:30

Jerome WAGNER · Accepted Answer · 2010-09-28 23:21:54Z

1

you do not seem to be the only one with the issue : cf http://forum.jquery.com/topic/hidden-visible-broken-in-ie8

The problems seems to append in IE8 when a display:none element has visible elements nearby. This seems to fool the jquery algorithm that detects :visible.

I can advice you to test with a class instead of :visible and :hidden :

if ($("#divLiked" + CommentID).hasClass('like')) {
      $("#divLiked" + CommentID).removeClass('like').show();
      $("#aLike" + CommentID).text('Unlike');
} else {
      $("#divLiked" + CommentID).addClass('like').show();
      $("#aLike" + CommentID).text('Like');
}

I hope this will help you,

Jerome Wagner

answered Sep 28, 2010 at 23:21

Jerome WAGNER

22.6k10 gold badges64 silver badges79 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Strange behavior in JavaScript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related