У меня есть div, который можно перетаскивать и изменять размер.stopPropagation не работает на draggable resizble div
При двойном щелчке я хочу использовать stopPropagation, чтобы сделать содержимое div возможным.
Но по какой-то причине stopPropagation не работает.
Может кто-нибудь, пожалуйста, взглянуть на мой код и посмотреть, где я иду не так?
Херес jsfiddle
и код
<HTML>
<HEAD>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script src= "http://js.nicedit.com/nicEdit-latest.js"></script>
<style>
.dragbox {
position:absolute;
width:10px;
height:25px;
padding: 0.0em;
margin:25px;
cursor:move;
z-index:2
}
</style>
</HEAD>
<BODY>
<script>
//<![CDATA[
bkLib.onDomLoaded(function() {
var myNicEditor = new nicEditor();
myNicEditor.setPanel('myNicPanel');
myNicEditor.addInstance('draggable');
});
//]]>
$("div.dragbox").dblclick(function (e) {
$('.dragbox').css('cursor','select');
e.stopPropagation();
});
$(function() {
$("#draggable").draggable().resizable();
});
</script>
<div id="myNicPanel" style="width: 525px;"></div>
<div id="draggable" class="dragbox" style="width:300px;height:300px;background-color:#ff0000;padding:25px;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed magna dolor</div>
</BODY>
</HTML>
мой inblox говорит, что я 3 комментарии по этому вопросу, но они не отображаются на странице ... какие-то идеи? –