Question

我正在研究jQuery，我正在渲染图形。在那里，我在图的右侧和左侧都有可滚动的箭头。我要求的功能是：

每当数据更多时，每当我们自动点击右箭头时，左侧可滚动箭头必须可见。
如果没有更多数据，则右键必须不可见。
如果没有足够的数据进行滚动，则左侧按钮必须不可见。
总结一下：如果可以使用按钮，则只能使用按钮。

到目前为止，这是我的代码：

$(function() {
    var $box2 = $('.column'), totalWidth = 900, cursor = 0;

    $("#rightarrrowbutton").click(function() {
        if (cursor != totalWidth) {
            $box2.animate({
                marginLeft : "-=15"
            }, "fast");
            cursor += 100;
        }
    });
    if ($("#rightarrowbutton").click(){
        $('#leftarrowbutton').click(function() {
            if (cursor != 0) {
                $box2.animate({
                    marginLeft : "+=15"
                }, "fast");
                cursor -= 100;
            }
        });
    });
}

Answer 1

尝试

$("#rightarrrowbutton").click(function() {
 $("#leftarrowbutton").show();  
 });

  $("#leftarrowbutton").click(function() {
 $("#rightarrrowbutton").show();

  });

Answer 2

不要尝试附加和删除点击处理程序，只需在页面加载时添加它们，并根据需要添加.hide()或.show()按钮。

$('#rightarrowbutton').click() {
    // do your stuff
    if (/*there's no more stuff to the right*/) {
        $('#rightarrowbutton').hide();
    }
    $('#leftarrowbutton').show();
}

和左键相似。

Answer 3

我知道您的描述会谈到可见性，但您问题的标题提到了启用。要禁用，您可以将属性"disabled"放在<button>元素中。如果有，它将被禁用，如果缺少它将被启用。因此，您可以在.click()回调期间删除或添加该属性。

例如：

$("#leftarrowbutton").click(function ()
{
    // if meets ending criteria
    if (true)
    {
        // enable other button
        $("#rightarrowbutton").removeAttr("disabled");

        // disable current button
        $("#leftarrowbutton").attr("disabled", true);
    }
});

在jquery中单击按钮时启用按钮

3 个答案: