jQuery 드래그 앤 드롭

나는 드래그 가능한 JQuery를 사용하고 있습니다. 테이블이 div에 있으면이 div를 테이블과 함께 이동할 수 있습니다. div에 입력 버튼이 있으면 움직이지 않습니다. 왜?jQuery 드래그 앤 드롭

$(".multidraggable").draggable();

나던 작업 :

<div class="multidraggable" style="display: inline-block;"> 
    <input type="button" value="Отчет за &#10; контрактные сутки &#10; без ТГК &rdquo;УрГРЭС&rdquo;" id="button1" style="font-family:arial; width: 200px; height: 80px;max-height:80px;max-width:200px; font-size:15" /> 
</div>

작품 :

<div class="multidraggable" style="display: inline-block;"> 
     <table id="maintable" frame="box" border="1" style="height: 565px" cellspacing="0" cellpadding="1"> 
      <thead> 
       <tr style="background-color:#ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png);"> 
        <th> 
... 
</div>

출처

2010-12-21 eba

이 말을하는 것은 불가능 코드를 보지 않고 :

이 옵션을 취소, 귀하의 의견을 드래그 할 수 있도록 대체하려면! 엄청나게 많은 이유가있을 수 있습니다. –

입력 버튼의 ID 또는 클래스를 확인하십시오 – ina

예제의 링크를 –

이 ... 나는, 어쩌면 당신을 도울 것입니다 드래그 뭔가를 만들기 위해 사용되는 것입니다

// make items draggable... 
    $("#CmsDynamicToolbarItems").find("ul li") 
     .draggable({ containment: "#CanvasAreaCoverPage",  
      snap: true,  
      scroll: false,  
      helper: "clone",  
      revert: "invalid",  
      opacity: 1.0,  
      cursor: "move"  
     });

여러 가지 이유가있을 수 있지만 c 요소를 포함하고있는 항목을 loning하면 도움이되지만 실제로 필요하지는 않습니다. 먼저 html 요소의 id를 선택한 다음 draggable을 추가 한 다음 draggable 클래스를 사용하기 시작합니다.

출처

2010-12-21 15:21:25 Haroon

발견 솔루션 :

$("#myinput").draggable({ cancel: null });

출처

2010-12-22 05:20:50 eba

jQuery 드래그 앤 드롭

답변

관련 문제