Javascript AnythingSlider：使导航选项卡处于非活动状态？

我正在使用这个工具，在css和js方面遇到了一些问题。基本上，滑块有许多导航选项卡，可以帮助从一张幻灯片跳到另一张幻灯片。我想对此进行更改，以便当coldfusion条件运行时，某些选项卡将保持默认状态或变为非活动状态（将选项卡的颜色更改为灰色，当用户单击该选项卡时不会发生任何事情）

所以基本上，我的CF应该是

<cfif #X# is ""> //if true, make tab #2 not clickable, change color to grey
                 //else, if false, keep tab normal.

更新嗯，我不明白。这是我页面末尾的代码（就在结束BODY标记之前）。我在那里抛出了一些警报，以确保代码运行并且确实运行。但是，什么都没有发生。选项卡不会变为非活动状态，颜色也不会改变

我修改了anythingslider.css以包含以下内容：

div.anythingSlider.activeSlider .thumbNav a.false,
            div.anythingSlider.activeSlider .thumbNav a.false:hover { background: #555; }

这是我主页的底部。这个脚本被包装在一些cfoutput标签中：

    <cfif #selected_main_details.X# IS "">
        settab(3, false);
    <cfelse>
        settab(3, true);
    </cfif>

function settab(num, enable){
 var panel = $('.thumbNav a.panel' + num);
 if (enable){
  panel
   .removeClass('false')
   .unbind('click')
   .bind('click', function(){
    panel.closest('.anythingSlider').find('.anythingBase').data('AnythingSlider').gotoPage(num);
    return false;

   })
 } else {

  panel
   .addClass('false')
   .unbind('click focusin')
   .bind('click', function(){                     
    return false;

   })

 }
}

settab（3，false）；
settab（3，真）；
函数settab（num，enable）{
变量面板=$（'.thumbNav a.panel'+num）；
如果（启用）{
面板
.removeClass（'false'））
.unbind（'单击'）
.bind（'单击'，函数（））{
panel.closest（'.anythingSlider'）。find（'.anythingBase'）。data（'anythingSlider'）。gotoPage（num）；
返回false；
})
}否则{
面板
.addClass（'false'））
.unbind（'单击聚焦'）
.bind（'click'，function（）{
返回false；
})
}
}

如果您只想更改选项卡颜色，请使用此css

div.anythingSlider.activeSlider .thumbNav a.false,
div.anythingSlider.activeSlider .thumbNav a.false:hover { background: #555; }

如果你真的想禁用这个标签，那就需要做更多的工作。我使用这个函数来启用或禁用一个特定的标签。当然，这个函数会破坏该标签的哈希标签功能，并且不会禁用键盘或任何针对该面板的脚本-这需要对插件进行一些更改（）

按如下方式使用上述功能

• 如果页面上有多个AnythingSlider，则面板变量的定义应如下所示，其中

  #slider

  以特定的滑块为目标：

  var panel = $('#slider').closest('.anythingSlider').find('.thumbNav a.panel' + num);
  

  如果只有一个，那么这个较短的变量将起作用

  var panel = $('.thumbNav a.panel' + num);
  

• 禁用选项卡，如下所示：

  settab(3, false);
  

  settab(3, true);
  

• 按如下方式启用选项卡：

  settab(3, false);
  

  settab(3, true);
  

---

如果您只想更改选项卡颜色，请使用此css

div.anythingSlider.activeSlider .thumbNav a.false,
div.anythingSlider.activeSlider .thumbNav a.false:hover { background: #555; }

如果你真的想禁用这个标签，那就需要做更多的工作。我使用这个函数来启用或禁用一个特定的标签。当然，这个函数会破坏该标签的哈希标签功能，并且不会禁用键盘或任何针对该面板的脚本-这需要对插件进行一些更改（）

按如下方式使用上述功能

• 如果页面上有多个AnythingSlider，则面板变量的定义应如下所示，其中

  #slider

  以特定的滑块为目标：

  var panel = $('#slider').closest('.anythingSlider').find('.thumbNav a.panel' + num);
  

  如果只有一个，那么这个较短的变量将起作用

  var panel = $('.thumbNav a.panel' + num);
  

• 禁用选项卡，如下所示：

  settab(3, false);
  

  settab(3, true);
  

• 按如下方式启用选项卡：

  settab(3, false);
  

  settab(3, true);
  

---

非常感谢您的帮助。但是，我无法让它按照建议运行。请参见上文，了解我是如何实现它的。脚本在您初始化AnythingSlider后运行的。是的。我甚至将脚本放在页面底部。似乎没什么关系。我在那里发出了一些警报，只是为了查看代码是否正在运行。它们弹出b但总的来说，标签上没有任何效果。我不知道为什么它对你不起作用，但我在这里为你做了一个演示：对不起，我从未使用过coldfusion，所以我无法告诉你那里是否有问题。感谢你的演示。它的外观和运行与我在你的页面上希望的一样。但是，我无法让它在我的页面上工作。我更新了我的代码上面的内容反映了当前状态。我的Coldfusion不是问题所在。我在其中放置了一些警报，只是为了查看代码是否正在实际运行。但是，页面上完全没有发生任何变化。我更新了css等。什么都没有。我不明白。非常感谢您的帮助。但是，我无法按照建议运行它。S请看上面我是如何实现它的。脚本是在初始化AnythingSlider后运行的，对吗？是的。我甚至把脚本放在了页面的底部。似乎没什么关系。我在那里发出了一些警报，只是想看看代码是否在运行。它们会弹出，但总体上对选项卡没有影响。我不确定为什么它对你不起作用，但是我在这里为您做了一个演示：对不起，我从来没有使用过coldfusion，所以我无法告诉您那里是否有问题。感谢您的演示。它的外观和运行与我在您的页面上希望的一样。但是，我无法在我的页面上使用它。我更新了上面的代码以反映当前状态。我的coldfusion不是问题所在。我放置了一些在那里的警报只是为了看看代码是否真的在运行，它确实在运行。但是，页面上没有发生任何变化。我已经更新了css，等等。什么都没有。我不明白。