<script>
var steps1 = steps({
el: "-sharpsteps1",
data: [
{ title: "1", description: "",customHtml: "<div>1</div>"},
{ title: "2", description: "",customHtml: "<div>1</div>"},
{ title: "3", description: "",customHtml: "<div>1</div>"},
{ title: "4", description: "" ,customHtml: "<div>1</div>"}
],
sides: "start-single",
iconType: "bullets",
center: true,
active: 0
});
$(function(){
$(".steps-row-center .step:eq(0)").on("click",function(){
steps1.setActive(0);
});
$(".steps-row-center .step:eq(1)").on("click",function(){
steps1.setActive(1);
});
$(".steps-row-center .step:eq(2)").on("click",function(){
steps1.setActive(2);
});
$(".steps-row-center .step:eq(3)").on("click",function(){
steps1.setActive(3);
})
})
</script>above var defines the plug-in method, active is the status of the step bar, represents the progress bar, num type, I now click on each circle event (circles are the same class), plug-in to the method can set the value of active, steps1.setActive (num) can set its value, but I give the click event only the first click effective, the second click has no effect. What"s the answer?