[英]JQuery Toggle class selects all text
我目前在屏幕的側面有一個小選項卡,單擊它時會調用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>
在$(".summary-box-small").click()
事件之外添加以下內容是否有作用?
$("#summary-box-container").disableSelection();
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.