放在 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加载你想要的内容就可以了。
