PHP 변수에 jQuery 드래그 앤 드롭 선택하기

이미지를 구현했습니다. 다음 예제와 같이 Drop을 드래그하십시오 : http://jqueryui.com/droppable/#photo-manager. 휴지통 요소 목록과 손대지 않은 요소 목록을 만들 수 있도록 각 이미지 요소의 ID를 추가했습니다.PHP 변수에 jQuery 드래그 앤 드롭 선택하기

내가 떨어 뜨린 후 실제로 변수에 선택되고 선택되지 않은 ID를 가져 오는 데 도움이 될 수 있습니다. 아이디 예와

은 시작 UL 갤러리 (드래그 가능한) 이미지 요소 :

<ul id="gallery" class="gallery ui-helper-reset ui-helper-clearfix"> 
    <li class="ui-widget-content ui-corner-tr"> 
     <img src="img/gler.png" alt="lake" width="96" height="32" id="2"> 
     <a href="link/to/trash/script/when/we/have/js/off" title="Delete this image" class="ui-icon ui-icon-trash">Delete image</a> 
    </li> 
    </ul>

휴지통 DIV (낙하 할) 각 컨테이너에 ID의 배열을 구축해야합니다 자바 스크립트 사용

<div id="trash" class="ui-widget-content ui-state-default"> 
<h4 class="ui-widget-header"><span class="ui-icon ui-icon-trash">Trash</span>  Trash</h4> 
    </div>

출처

2014-01-28 Alex Valdez

like :

var selected = [], 
    unselected = []; 
$('#gallery img').each(function(){ 
    selected.push($(this.attr('id')); 
}); 
$('#trash img').each(function(){ 
    unselected.push($(this.attr('id')); 
});

각 드롭 이후 또는 다음과 같은 일정을 사용하여이 작업을 트리거 할 수 있습니다. 사용자는 완료 버튼을 클릭합니다. 이제 서버에 배열을 전달합니다 (페이지 또는 아약스 호출 새로 고침). `<스크립트 유형 = '텍스트/자바 스크립트'> $ (문서) .ready (함수() { $ ('# :

출처

2014-01-28 15:27:55 joe42

안녕 Joe42, 나는 내가 좋아하는 내 스크립트를 선언 한 ... 여기 손실입니다 MyButton '). (function() { var selected = [], 선택하지 않음 = []; $ ('# gallery img '). 각 (function() { selected.push ($ this.attr ("ID")); }) $. ('# 쓰레기 IMG') 각각 (함수() { unselected.push ($ (this.attr ("ID"));} ) }); }); ' 그리고 버튼은 아래와 같습니다 : '' 괜찮 으면 배열을 문자열로 전달하는 것을 도와 주실 수 있습니까? 미리 감사드립니다. –

PHP 변수에 jQuery 드래그 앤 드롭 선택하기

답변

관련 문제