Jquery / firefox - animate div + show p选择文本p?

时间:2012-07-26 02:20:49

标签: jquery firefox jquery-animate

我没有找到任何有同样问题的人,这是一个非常奇怪的问题。

解释起来并不简单,所以我给你链接一点点解释。

首先,这是我的代码:

<script type="text/javascript">
var close_feedback_box = function(){
    $jquery('div#feedback').removeClass('feedback_bigger').animate({
    top:'200px',width:'28px',height:'106px'}).find('p').hide();
    $jquery('div#close_feedback_box').hide('fast'); 
}
$jquery(document).ready(function(){
    $jquery('div#feedback a').hover(function(){
    $jquery(this).addClass('hover');},function(){
            $jquery(this).removeClass('hover');
    });
    $jquery('div#feedback').click(function(){
    if(!$jquery(this).hasClass('feedback_bigger')){
    $jquery(this).addClass('feedback_bigger').animate({
            top:'147px',width:'300px',height:'212px'
    },function(){
            $jquery('div#feedback p').show()});
            $jquery('div#close_feedback_box').fadeIn('slow');
    }
    });
});
</script>

<!-- feedback -->
<div id="close_feedback_box" onclick="close_feedback_box();"></div>
<div id="feedback" style="">
<p style="margin-top:30px;display:none;">You can take a few minutes to help us
     improve user experience
    <br/>and<br/><a id="">fill out our survey</a><br/>or<br/>
<a href="/index.php?option=com_jumi&fileid=11" id="">submit a direct feedback
    </a></p></div><!-- end feedback -->

它在所有浏览器中运行良好,但只是看看firefox,你会理解我的问题,事实上当p块显示它选择所有文本,我真的不明白为什么。我试图将p块放在内部反馈div中(并显示div)并且它不会改变任何东西。

你会在这里找到错误(仅在firefox中):https://execboardinasia.com/(点击左侧固定位置的反馈'按钮'。

非常感谢你花了一点时间给我!

Bastien Sander

1 个答案:

答案 0 :(得分:1)

要解决此问题,请尝试添加

var select = window.getSelection();
select.removeAllRanges();
点击结束时

这应取消选择文字......