Question

此代码基于单击激活隐藏的单选按钮的图像。注册数据库的答案，但是除了Internet Explorer之外，它在所有浏览器上都能正常工作。任何建议都会被挪用

    main : function(){
        var thisoptions = this.options;
        // Set up page:
        // Add grey borders
        $("input:radio").each (function () {
            var spanId = "imageBox_"+$(this).attr("id");
            $("#"+spanId).addClass('greyBorder');
         })
        // Pre-set already checked boxes with the highlight class
        $("input:radio:checked").each(function () {
            var spanId = "imageBox_"+$(this).attr("id");
            $("#"+spanId).removeClass('greyBorder');
            $("#"+spanId).addClass('imgChecked');
        })

        // Highlight image when clicked
        $(".imageBox_"+thisoptions.q_id).click(function(){
            $(".imageBox").removeClass('imgChecked');
            $(".imageBox").addClass('greyBorder');
            $(this).removeClass('greyBorder');
            $(this).addClass('imgChecked');
        });

        // Highlight image when textbox used
        $("input[type='text']").focus(function(){
            var spanId = "imageBox_"+ $(this).attr('data-for');
            $(".imageBox").removeClass('imgChecked');
            $(".imageBox").addClass('greyBorder');
            $("#"+spanId).removeClass('greyBorder');            
            $("#"+spanId).addClass('imgChecked');
        });
    }
  };

在Internet Explorer中，当我按下图像时，所有边框颜色都会发生变化，所有内容看起来都已经过检查，但未检查隐藏的单选按钮。即使它在所有其他浏览器中也能正常工作！

Answer 1

尝试将事件处理程序更改为：

$('body').on('click','your image selector',function(){
your code goes here...
});

jQuery单击事件在Internet Explorer中不起作用

1 个答案: