Gridster로 클릭 이벤트 처리

Gridster을 사용하여 드래그를 시작하고 중지 할 때 이벤트를 바인딩 할 수 있습니다. 하지만 항목을 한 번의 클릭으로 이벤트를 바인딩하려면 어떻게해야합니까? 항목을 제거하거나 속성을 설정하려면 항목을 선택할 수 있어야합니다.Gridster로 클릭 이벤트 처리

출처

2013-01-21 Kristoffer Jälén

jquery 클릭 이벤트를 사용하여 요소에 대한 단일 클릭을 바인딩 할 수 있습니다. Here is an example of the same. 다음은 바인딩의 일반적인 레이아웃입니다.

 $('.layout_block').click(function() { 
       //function to set some properties using $(this) 
       //setting an identifier to remove the element 
     }

여기 layout_block은 gridster의 모든 요소에 대한 클래스입니다.

출처

2013-01-24 15:15:03 Nupur

초기화 후 추가 된 요소에는 작동하지 않습니다. 나는 '$ ('. layout_block '). on ('click ', function() {});'을 사용해 보았지만 그 중 하나는 작동하지 않았다. –

어떤 메소드를 사용하든, 새 요소는 eventhandler를 등록해야하며, 이는 .click() 함수를 다시 초기화해야합니다. – Nupur

아 물론! 이제 작동합니다 :'var widget = gridster.add_widget ('

foo

', size_x, size_y); widget.click (myFunction);'. 고맙습니다. –

javascript $(document).on("click", ".layout_block", handler);

도 gridster.add_widget();에 추가 위젯, 날 위해 일했습니다.

출처

2013-06-22 17:06:44

이 작업 코드가 있습니다.

$(".gridster ul li button.close").click(function() { 
     gridster.remove_widget($(this).parent()); 
});

그래서 내 리튬 요소 내부에서, 나는 위젯 방법 gridster.remove_widget를 호출하고 제거하기위한 html 요소를 통과, 클릭 이벤트의 검출에 class=close있는 버튼이 있습니다.

해피 코딩 :

출처

2015-01-10 14:09:03

Gridster로 클릭 이벤트 처리

답변

관련 문제