Javascript HTML数据对jQuery的影响

我目前正在使用此HTML代码段作为导航菜单。标记（data effect=“st-effect-12”）中的“数据效果”属性激活转换以打开导航菜单

我想把它改成jQuery。因此jQuery将处理单击。然后将切换st effect id CSS元素

我尝试了ToggleClass参数，但无法使其起作用

谢谢 哈利

.st-effect-12.st-container{
-webkit透视图：1500px；
透视图：1500px；
}
.st效应-12.st推进器{
-webkit转换来源：100%50%；
变换原点：100%50%；
-webkit变换样式：保留-3d；
变换样式：保留-3d；
}
.st-effect-12.st-menu-open.st-pusher{
-webkit变换：旋转（-10度）；
变换：旋转（-10度）；
}
.st-effect-12.st-menu{
不透明度：1；
-webkit转换：translate3d（-100%，0，0）；
转换：translate3d（-100%，0，0）；
}
.st-effect-12.st-menu-open.st-effect-12.st-menu{
能见度：可见；
-webkit转换：-webkit转换0.5s；
转变：转变0.5s；
-webkit转换：translate3d（0,0,0）；
变换：translate3d（0,0,0）；
}
.st-effect-12.st菜单：：之后{
显示：无；
}

---

以下是一个基本实现：

$（'button'）。在（'click'，函数（）{
var按钮=$（此按钮）；
button.toggleClass（button.data（'effect'））；
});
按钮{
左：0px；
顶部：0px；
高度：56px；
}
按钮st-effect-12{
背景：红色；
}
在您的情况下，您应该为jquery使用id或类

HTML

JS

我现在不能测试这个，但可以吗b它对你有用。
不清楚你在问什么。您需要发布一个完整的代码示例。听起来您需要切换jquery的类。是将在其中切换类的（button.data（'effect'）按钮吗？
button.data（'effect'）
取
data effect=“st-effect-12”
和
按钮的值。toggleClass（）
添加缺少的内容，或删除存在的内容。
 <button data-effect="st-effect-12" style="left: 0px; top: 0px; height: 56px;"><i class="fa fa-bars fa-2x" id="clickme"></i></button>

 .activate{
   background-color:red;
 }

$('#clickme).click(function(){
 $(this).addClass('activate');
},function(){
 $(this).removeClass('activate');
});