3

Jquery Ui Draggable 및 droppable을 사용하고 있습니다. Draggable은 잘 작동하고 항목은 드래그되지만 몇 가지 이유로 나는 droppable 작업을 얻지 못했습니다.Jquery UI Droppable이 Firefox 및 Chrome에서 오류를 발생시키지 않고 작동합니까?

내가 droppable 함수에서 경고하는 경우 아무 것도 표시되지 않습니다.

Jquery UI 1.6 및 jquery 1.3.2를 사용하고 있습니다. 파이어 폭스에서

: 내가 콘솔에 다음과 같은 오류가 점점 오전 ajaxCartUpdate의 DIV에 TD를 드래그하면

$(function() { 
     $("div.view-test-attributes .views-view-grid td").draggable({ 
       helper:'clone', 
       cursor:'move' 
      }); 
     $("#ajaxCartUpdate").droppable({ 
      drop: function(e, ui) { 
       alert("Dropped!"); 
      } 
     }); 
    }); 

:

내가 사용하고있는 코드입니다
F는 정의되지 않습니다

Chrome에서 : 잡히지 않음 TypeError : 속성 'options'을 (를) 읽을 수 없습니다. 정의되지 않았습니다.

참고로 실제로 td는 ajaxcartUpdate 사업부에 등록되어 있지만 알림이 표시되지 않습니다.

답변

1

각 선택기마다 쉼표가 필요합니다. 선택 도구에서는 "div.view-test-attributes, .views-view-grid, td"입니다. 아래 예를 참조하십시오.

$(function() { 

    $("div.view-test-attributes,.views-view-grid,td").draggable({ 
      helper:'clone', 
      cursor:'move' 
     }); 
    $("#ajaxCartUpdate").droppable({ 
     drop: function(e, ui) { 
      alert("Dropped!"); 
     } 
    }); 
}); 
관련 문제