none
【JS】jQuery弹出div层 火狐下不好用 RRS feed

  • 问题

  • 我利用jquery做了一个弹出层效果,在IE中运行正常,但在FF中不起作用,最后发现是由于页面的表单form导致的,只要把div层放在form中FF下弹出层就失效了。但是还不能没有表单,弹出层中有服务器控件。请问高手应该如何解决这个问题呢?由于小弟刚开始接触jquery,问题有点弱,请不要见笑,谢谢!
    大连海参专卖 年底促销活动中 店铺地址:http://jinweb.taobao.com
    • 已移动 孟宪会Moderator 2011年1月1日 7:46 (发件人:.NET Framework 一般性问题讨论区)
    2010年12月31日 8:35

答案

  • 我利用jquery做了一个弹出层效果,在IE中运行正常,但在FF中不起作用,最后发现是由于页面的表单form导致的,只要把div层放在form中FF下弹出层就失效了。但是还不能没有表单,弹出层中有服务器控件。请问高手应该如何解决这个问题呢?由于小弟刚开始接触jquery,问题有点弱,请不要见笑,谢谢!
    大连海参专卖 年底促销活动中 店铺地址:http://jinweb.taobao.com


    问题解决了,以前的项目中遇到过类似的问题,当时是实现鼠标双击按钮执行服务器事件在火狐下不执行。文章发自:http://hi.baidu.com/jinwb/blog/item/b6a4ac4bfff512fc83025cbd.html

    出问题的代码:

    <body>
    <form runat="server" id="form1" method="post">
        <div>
            <br /><br /><br />
            <button id="btnShow">显示提示文字</button>
        </div>

        <!-- 弹出层 -->
        <div id="divPop" style="background-color: #f0f0f0; border: solid 1px #000000; position: absolute; display:none;
            width: 300px; height: 100px;">
            <div style="text-align: center;">弹出层</div>
        </div>
        </form>
    </body>

     

    根据以前的经验我只改了其中的button控件 为:<input  type="button" runat="server" id="btnShow" value="显示提示文字"></button>

    最后成功的搞定了此问题。所以说实践出真知啊。呵呵~ 有相同问题的朋友可以借鉴一下此文章


    大连海参专卖 年底促销活动中 店铺地址:http://jinweb.taobao.com
    • 已标记为答案 jinwb1982 2010年12月31日 9:29
    2010年12月31日 9:29