Fatal编程技术网
  • javascript/
  • Javascript 当我点击按钮时，如何修复代码并运行函数？

Javascript 当我点击按钮时，如何修复代码并运行函数？

javascript jquery html css

Javascript 当我点击按钮时，如何修复代码并运行函数？,javascript,jquery,html,css,Javascript,Jquery,Html,Css,.listItem{ 颜色：rgb（200150130）； } $（文档）.ready（函数（）{ $（“#列表li”）.addClass（“列表项”）； }); var-turn=true； 函数切换（）{ 如果（转身）{ $（“#列表li”）.removeClass（“列表项”）； $（“#list>li”）.addClass（“listItem”）； 转向=假； }否则{ $（“#列表li”）.addClass（“列表项”）； 转身=真； } } } 项目1 项目11 项目2 项目

.listItem{ 颜色：rgb（200150130）； } $（文档）.ready（函数（）{ $（“#列表li”）.addClass（“列表项”）； }); var-turn=true； 函数切换（）{ 如果（转身）{

$（“#列表li”）.removeClass（“列表项”）；
$（“#list>li”）.addClass（“listItem”）；
转向=假；
}否则{
$（“#列表li”）.addClass（“列表项”）；
转身=真；
}
}
}

    

  • 项目1
    • 

      

    • 项目11
      • 

    

  • 项目2
    • 

      

    • 项目21
      • 

    

  • 项目3
    • 

      

    • 项目31
      • 

    

  • 项目4
    • 

      

    • 项目41
      •

首先给你的按钮一个Id，让我们假设它是“按钮”。 然后转到jQuery代码并添加

希望这有帮助

添加单击处理程序，调用函数？英雄联盟 .listItem { color: rgb(200, 150, 130); } $(document).ready(function() { $("#list li").addClass("listItem"); }); var turn = true; function toggle() { if (turn) {

$("#list li").removeClass("listItem");
$("#list > li").addClass("listItem");
turn = false;
} else {
$("#list li").addClass("listItem");
turn = true;
}
}
}
</script>
</head>
<body>
<ul id="list" type="none">
<li>Item 1</li>
<ul type="none">
<li>Item11</li>
</ul>
<li>Item 2</li>
<ul type="none">
<li>Item21</li>
</ul>
<li>Item 3</li>
<ul type="none">
<li>Item31</li>
</ul>
<li>Item 4</li>
<ul type="none">
<li>Item41</li>
</ul>
</ul>
<input type="button" value="Change">
</body>



$( "#button" ).click(function() {
toggle();
});