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

JavaScript016

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

mouseenter 改成 click

放在 head 不生效是因为选项卡的元素还没有生成,所以这个事件无法绑定到目标对象上。

可以改成下面的代码,在网页加载完毕后再绑定事件,这样就可以放在 <head>中:

$(document).ready(function(){

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

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

$(".showed").removeClass("showed")

$(this).addClass("showed")

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

}

})

})

首先js是不大可能控制选项卡的,再说每种浏览器也都有不一样的选项卡模式,你通过api去实现不太可能。

你可以转换思路,不要用真正的选项卡,而是自己写一个类似于选项卡的页面,可以点击切换页面等等。点击切换选项卡或提交按钮时ajax加载你想要的内容就可以了。