关于选项卡,JS鼠标移入移出事件怎么改成点击事件?

*

*$(".dt_tab li").mouseenter(function () {

*if(! $(this).hasClass(".showed")){

*$(".showed").removeClass("showed");

*$(this).addClass("showed");

*$(".dt_tab>div").eq($(this).index()).addClass("showed");

*}

*})

*
这是选项卡的JS代码,请问怎么把移入移出切换改成点击切换?而且这段不能放在head里,放了不生效,放在选项卡部分后面才生效,比较影响代码的浏览性,怎么改能达到移入移出切换变成点击切换和放到head里也生效?

mouseenter变成click

mouseenter改为click,
放入header中可以将其封装为函数,然后设置html DOM事件调用对应函数来实现

点击事件的关键字是click,用click