Проблема Slide-In / Out JQuery - PullRequest
Новая
       11

Проблема Slide-In / Out JQuery

0 голосов
/ 15 мая 2011

Слайд не проблема, у меня есть проблема только с слайдом, который не отображается, и я думаю, что он не поймал их первую ширину IF, равную 0px. извините, я действительно noobs о jQuery.

КОД: 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
    $("#ShowHideComment").click(function(){
        if ($(".iframe_comment").width() == "0px"){
            $(".iframe_comment").animate({width: "800px"}, {queue:false, duration:1000});
        }
        else{
            $(".iframe_comment").animate({width: "0px"}, {queue:false, duration:1000
           });
        }
    });
});
</script>

Ответы [ 2 ]

1 голос
/ 15 мая 2011

Из документов :

Все анимированные свойства должны быть анимированы до единственного числового значения

You 'здесь мы не имеем дело со значениями свойств CSS, а с простыми целыми числами. 

$(document).ready(function(){
    $("#ShowHideComment").click(function(){
        var $comment = $(".iframe_comment");
        if ($comment.width() == 0){
            $comment.animate({width: 800}, {queue:false, duration:1000});
        }
        else{
            $comment.animate({width: 0}, {queue:false, duration:1000});
        }
    });
});

Также см. width():

Разница между .css(width)и .width() означает, что последний возвращает значение пикселя без единицы измерения

0 голосов
/ 15 мая 2011

.width() возвращает числовое значение.Эта строка if ($(".iframe_comment").width() == "0px") должна быть if ($(".iframe_comment").width() == 0)

...