Javascript jquerytoggle类选择所有文本

我目前在屏幕的一侧有一个小选项卡，当单击toggleClass时会调用该选项卡以使div变大。同时还有一个ajax调用，用内容填充较大的div。但是发生的事情是，div中的所有文本都被选中/高亮显示，就好像我要在整个过程中拖动鼠标一样

是否有办法使其不被选中，或至少在加载后取消选中

代码如下：

   $(".summary-box-small").click(function () {

        $("#summary-box-container").toggleClass('summary-box-small summary-box-full', 1000);
        $.ajax({
            url: '/RuntimeSession/LoadSummaryBox',
            type: 'post',
            success: function (data) {
                $("#summary-box-container").empty().append(data);

                $("#sb-content").tabs();
                $("#tree").dynatree({
                    onActivate: function (node) {
                        alert("You activated " + node);
                    }
                });
            }
        });

        $(".summary-box-small").off('click');   //turns off the click handler so when it is expanding clicking anywhere will not make it minimized
    })

下面是css：

.summary-box-small
{
    position: fixed;
    top: 400px;
    left: 0px;
    z-index: 9999;
    height: 70px;
    width: 20px;
    background-color: #cfcfcf;
}

.summary-box-full
{
    position: fixed;
    top: 400px;
    left: 0px;
    z-index: 9999;
    height: 500px;
    width: 350px;
    background-color: #cfcfcf;
    opacity: 0.9;
}

以下是AJAX调用加载的内容：

    <div id="sb-header">
    <p style="float: right">X</p>
</div>
<div id="sb-content">
    <ul>
        <li><a href="#sb-nav">Nav</a></li>
        <li><a href="#sb-dx">Dx Tracker</a></li>
    </ul>

    <div id="sb-nav">

        <p>fake content under the nav...MAKE ME A GORRAM TREE</p>
         <div id="tree">
        <ul>
            <li id="key1" title="Look, a tool tip!">item1 with key and tooltip</li>
            <li id="key2" class="selected">item2: selected on init</li>
            <li id="key3" class="folder">Folder with some children</li>
            <li id="key4" class="expanded">Document with some children (expanded on init)</li>
            <li id="key5" class="lazy folder">Lazy folder</li>
        </ul>
    </div>
    </div>
    <div id="sb-dx">
        <p>fake content</p>
    </div>
</div>

X




导航下的假内容…让我成为一棵树


带有键和工具提示的item1
项目2：在初始化时选择
包含一些子项的文件夹
包含一些子项的文档（在init上展开）
懒文件夹

虚假内容

是否在

$（“.summary box small”）之外添加以下内容。单击（）

事件是否执行任何操作

$("#summary-box-container").disableSelection();

---

这是有效的，但我仍然不确定为什么它会首先突出显示。问得好。这是一个特定于浏览器的问题（Chrome？），与HTML的布局方式有关

.disableSelection（）

是一种jQuery UI方法，在本机

jQuery

中不可用。它似乎只出现在firefox中……我最终包括：var selection=window.getSelection（）；selection.removeAllRanges（）；这就成功了。