Question

在我的html中，我有一个div，其中列出了7张图片但是在div＆＃34; fit＆＃34;只有5，所以我创建了2个按钮（bt1和bt2）到＃34;水平滚动＆＃34;通过这些图像。

我想要的是当我点击bt2并且第一个图像位于第一个位置时（在这种情况下左边是0px），图像不能进一步滚动，否则它们只是正常滚动。

代码段

$("#bt2").click(function()
 {
    if (($("#symbole").find("img").first().css({"left:0px"}))==true)
          {         
          }
    else{
          $("img").animate({
          "left":"+=100px"
          },
        420);
    }
 });

Answer 1

css方法不会返回布尔 true / false ，因此您可以将其与true进行比较。您需要获取左侧的css值，但是您正在设置它

if (($("#symbole").find("img").first().css("left") === "0px")

OR

if($("#symbole img:eq(0)").css("left") === "0px")

Answer 2

或使用parseInt获取没有px的值

if (parseInt($("#symbole").find("img").first().css("left"), 10) === 0)

更新了建议。

Answer 3

目前您正在设置CSS。您需要保留css属性，然后进行比较。

 if ($("#symbole").find("img").first().css("left") == "0px")

Answer 4

Css不会返回true / false。您需要将其与值进行比较，如：

if (($("#symbole").find("img").first().css("left") === "0px")

尝试使用此代替if。

jQuery //为什么这个if语句不正确？

4 个答案: