0

http://rickgutierrez.bol.ucla.edu/navbartest.html

这是我的基本 jquery 移动导航设置。我试图让前三个导航栏元素的功能更像是打开和关闭状态的切换；单击按钮，它会切换到另一个状态（不影响其他按钮状态），再次单击它，它会切换回来。页面加载时，1处于on状态，由.ui-btn-active设置样式，2、3、4处于off状态；我不太确定 jquery 移动 css 代码的哪一部分设置关闭状态。还有我认为可能相关的 ui-btn-up-a 和 ui-btn-down-a 样式。

经过一些研究，我遇到了几个 toggleClass 教程： http ://api.jquery.com/toggleClass/

jquery 教程的第一个演示最接近我正在寻找的独立功能。该演示中的代码直截了当且简单，这就是为什么我无法让它在我的页面上运行而感到沮丧的原因。

任何人都可以提供一些指示吗？我应该使用哪些类？是 jquery 移动库中的 toggleClass 还是我需要添加指向最新 jquery 脚本的链接？

谢谢

4

1 回答 1

0

我已经使用 JsBin 创建了一个代码。希望它有所帮助：http: //jsbin.com/exenov/4/edit

我添加了一个新类（custom-btn-active），我在 jQuery on click 函数中使用它。

您应该在 jquerymobile.css 文件中做的唯一一件事就是删除原始.ui-btn-activecss。因为我无法使用 jQuery 删除该类（我完全不知道为什么）

检查我的 Jsbin > 单击时按钮保持绿色，再次单击时它会熄灭（不要注意蓝色背景，因为那是您需要删除的 .ui-btn-active ）。

于 2012-10-23T13:16:00.287 回答