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