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

Javascript 在jquery中单击按钮时启用按钮,javascript,jquery,Javascript,Jquery,我正在处理jQuery,我正在绘制一个图形。我在图表的左右两侧都有可滚动的箭头。我要求的功能是: 每当数据更多时,每当我们自动单击右箭头时,左滚动箭头必须可见 如果没有更多数据,则右按钮必须不可见 如果没有足够的数据进行滚动,则左按钮必须不可见 总而言之:按钮应该只有在可以使用的情况下才可用 以下是我目前的代码: $(function() { var $box2 = $('.column'), totalWidth = 900, cursor = 0; $("#righta

我正在处理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;
            }
        });
    });
}
试着

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

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

  });

与其尝试附加和删除单击处理程序,不如在页面加载时添加它们,并根据需要添加按钮

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

左边的按钮也是一样。

我知道你的描述谈到了可见性,但你问题的标题提到了启用。要禁用,可以将属性
“disabled”
放在
元素中。如果有,它将被禁用,如果缺少,它将被启用。因此,您可以在
回调期间删除或添加属性。单击()

例如:

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

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

题外话:你的shift键坏了吗?
if($(“#rightarrowbutton”)。单击(function(){/..
这总是正确的,顺便说一句。你需要在单击右箭头后检查是否有更多的东西要显示,如果没有,则隐藏右箭头。左箭头也一样。谢谢你Deepak。我已经添加了$(“#leftarrowbutton”)。隐藏();位于函数顶部。还有这个$(“#rightarrowbutton”)。单击(函数(){$(“#leftarrowbutton”).show();});在右箭头按钮功能之后。它工作得很好。谢谢你的回复。但问题是,当我的右箭头被自动按下时,我的左箭头应该被启用。如果没有,它必须被启用hidden@HkM:嗯……是的,这使得点击右箭头时左箭头可见。所以我不理解你的抱怨。我得到了解决方案n马特。非常感谢你的回复