关于IE8焦点错误的元素

时间:2013-10-24 10:29:26

标签: jquery internet-explorer-8 cross-browser internet-explorer-7

当我尝试在Internet Explorer 7/8上集中一些输入和选择框时,我遇到了同样的错误。

jQuery代码是这样的:

$("#planner input, #planner select").on("focus",function() {
            panel = $(this).parents(".panel").first();
            if (!panel.hasClass("active")) {
                tab = panel.data("tab");
                $("#planner .tabs li[data-tab="+tab+"] a").trigger("click");
            }
        }); 

任何人都可以帮助我?

编辑:

我在这里粘贴整个代码

<script>

    $(document).ready(function(){

        $("#planner .tabs a").click(function() {
            $(this).parents("#planner").find(".panel.active").removeClass("active");
            $(this).parents("#planner").find(".tabs li.active").removeClass("active");
            $(this).parent().addClass("active");
            tab = $(this).parents("#planner").find(".tabs li").index($(this).parent());
            panel = $(this).parents("#planner").find(".panel");
            $(panel[tab]).addClass("active");
        }); 

        $("#planner #quote").validate({
        ignore: "",         
        errorPlacement: function(error, element) {
        error.appendTo(element.closest(".item"));
        }           
        });

        $("#planner input, #planner select").on("focus" , function() {
            panel = $(this).parents(".panel").first();
            if (!panel.hasClass("active")) {
                tab = panel.data("tab");
                $("#planner .tabs li[data-tab="+tab+"] a").trigger("click");
            }
        });

});
</script>

2 个答案:

答案 0 :(得分:0)

用“主动”工作取代“焦点”吗?

更新

以下为ie8工作,必须是您活动中的问题

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <title></title>
    <script language="javascript">

        $(document).ready(function () {
            $("#planner input, #planner select").on("focus", function () {
                alert('focus');
            });
        });

    </script>
</head>
<body>
    <div id="planner">
        <input type="text"/>
    </div>
</body>
</html>

答案 1 :(得分:-1)

问题是你的jQuery文件版本。使用jQuery最新版本文件。