Javascript 自定义滑块（切换滑块）无法使用jquery

使用Jquery切换滑块

加载时，左按钮应被禁用，但当前不工作。 第一次单击后，应先启用右按钮，然后启用左按钮。 当我们到达最后一张幻灯片时，右键应该被禁用。 目前不工作 当滑块移动到第一个位置时，滑块不应再次移动 最后一张幻灯片也是如此 这是我的jQuery代码供参考

$.leftBtn.ClickFunction{ 戈赖特； }; $.rightBtn.ClickFunction{ 高尔夫球场； }; 函数goRight{//内部填充向左滑动 var initalLeftMargin=$.innerLiner.css'margin-left'.replacepx，*1； var newLeftMargin=initalleftragin-204；//边框额外2 $.innerLiner.animate{ marginLeft:newLeftMargin }, 500; } 函数goLeft{//内部填充向右滑动 var initalLeftMargin=$.innerLiner.css'margin-left'.replacepx，*1； var newLeftMargin=initalleftragin+204；//边框额外2 如果newLeftMargin>=0{ $.leftBtn.css显示，无； }否则{ $.leftBtn.css显示，块； } $.innerLiner.animate{ marginLeft:newLeftMargin }, 500; } * { 框大小：边框框 } 霉菌携带者{ 空白：nowrap； 溢出x：隐藏； 宽度：204px； } .盒子{ 显示：内联块； 边框：2个黑色实心； 填充：20px； 宽度：200px； 高度：100px； 垂直对齐：顶部； 背景颜色：粉红色； } .box2{ 背景颜色：黄色； } 这是第一箱 这是第二箱 这是第三箱

---

你正朝着正确的方向前进。以下是修复代码的一些技巧：

将按钮更新代码移动到一个函数，以便于更新和调用。 默认情况下显示两个按钮，并根据新边距隐藏正确的按钮。 在用户单击任何内容之前，调用具有初始边距的函数以禁用正确的初始按钮。 总之,

function updateButtons( newLeftMargin ) {
  $(".leftBtn,.rightBtn").show(); // Show both buttons by default
  if ( newLeftMargin >= 0 )
    $(".rightBtn").hide();
  if ( newLeftMargin <= -408 )
    $(".leftBtn").hide();
}
updateButtons(0)

这是第一箱 这是第二箱 这是第三箱

---

您的小提琴与问题中提供的代码不匹配。我也没有看到在这两个代码中启用/禁用按钮的尝试；您是否尝试过自己编写这些代码，或者您只是在复制，不知道如何启用/禁用按钮？感谢您回复@Sheepy如果您看到我的代码，我有一个放置条件，如果newleftmargin>=0，请立即查看代码。您可能需要更新JSFIDLE。请注意，您的jsfiddle-only.nextbttn和.backbtn中没有.btn_right或.btn_left。谢谢您指出，请帮助我this@Sheepy更新代码