IE在点击时关闭div

时间:2014-03-28 08:05:00

标签: php jquery internet-explorer

我不确定问题在哪里给出一个合适的标题,但我已经给出了我现在观察到的内容。我有一个适用于大多数浏览器的网站,除了IE。我目前正在使用IE9测试它,注意它没有什么问题。我真的不明白问题出在哪里,所以我被困住了。

这是链接http://www.justobituary.com

经过IE9测试..

  1. 点击右上角的“New Obituary”,div打开。
  2. 点击该div(表单)中的任意位置,然后快速关闭它。
  3. 点击任何输入元素(text / textarea / date)都可以。通过tabindex一个接一个地工作正常,但是当你直接点击选择时,它会关闭div
  4. F12(开发人员工具)无助于解释当您点击该div中的任何位置时会发生什么。页面中的任何其他div都不会发生这种情况。

    如果你们知道最新情况或者我可以快速尝试解决的问题,请告诉我。我需要在这种形式下测试一些东西,但它们都被卡住了,因为它不会让我输入任何东西,因为它很快就会关闭。

    我有给出代码(除非你要求它)因为这看起来是IE的浏览器兼容性问题,因为它适用于所有其他浏览器。

    部分代码如下:

    ...

        $("#postNow1").on("click",function() {
                    if ( $(".submitForm").is(":visible")) {gotoTop(0);}
                else {  ..
                delayInterval = 0 ; 
                 $(".submitForm input.required,textarea.required,select.required").not('input[type=file]').each( function () {   
                    $(this).delay(2000 + delayInterval).effect("highlight",  {  color: "YELLOW" , times: 2}, 1500);
                    delayInterval += 500;
                });
             }
                        $(".submitForm").slideToggle();
    
                    });
    ....
    
    $('body').on('click', '#submitNotice', function(e){
          ... check the variables and submit the form through ajax ...
     });
    

    那些为IE广泛编码的人可以在几分钟内解决这个问题。有什么指针吗?

    最后一次更新:

    1. event.stopPropagation()没有帮助,但“div click”上的“return false”会使div保持不停止。
    2. 没有“返回false”,这些工作A)所有输入文本/ textarea / date字段B)手风琴展开/折叠精细C)复选框条款&条件
    3. 我知道FileReader尚不支持

    所以问题仍然没有解决..任何指针2A,2B,2C用“返回假”来解决?

    更新:我已解决所有问题。正确的猜测,它必定是由于事件冒泡造成了很多问题。我创建了单独的表单,一个用于FF和家庭,另一个用于IE,通过在需要的地方添加必需的'e.PreventDefault()'和'return false'来单独处理它们以使其工作。在我的案例中没有“div”点击或“选择​​”点击处理程序。感谢大家。我很快就接受了最好的答案之一。

0 个答案:

没有答案