jQuery Sortable - 자리 표시 자에 텍스트 추가

정렬 가능한 항목을 드래그하는 동안 표시되는 자리 표시 자 상자에 텍스트를 추가하려고합니다. jQuery의 UI에 누락 된 함수가 있습니까? 지금은 .append() 정보를 시도하고 있지만 작동하지 않습니다. 누구든지 도와 줄 수 있습니까? 다음은 jQuery를 기능입니다 ...jQuery Sortable - 자리 표시 자에 텍스트 추가

//Sortable Function - Edit Wizard 
$(function() { 

    //add text to placeholder box 
    if ($('.ui-state-highlight').is(':visible')) { 
     $('.ui-state-highlight').append('<span>MOVE HERE</span>'); 
    }; 


    $(".sortable").sortable({ 
     placeholder: "ui-state-highlight", 
     //revert: true, 
     grid: [20, 20], 
     handle: '.editMove', 
     opacity: 0.6, 
     scroll: true, 
     scrollSensitivity: 80, 
     zIndex: 10 
    }); 
    $(".sortable").disableSelection(); 
});

편집 :)합니다 (으로 .Append에 대한 몇 가지 .live() 변경 기능이있을 필요가 추측?

건배, 마이크

출처

2012-08-22 Mike Barwick

당신이 statemnt 반환, 참 또는 거짓이 아닌 JQuery와 객체 그래서 $ (이) 당신은 $를 사용할 수 있습니다 를 정의되지해야합니다 ('UI 상태-하이라이트 :. 눈에 보이는') $를 사용하는 (이) –

수정 한 경우. 아직도 작동하지 않습니다. 문제는 '.ui-state-highlight'div가 정렬 가능한 항목을 드래그하기 전까지 표시되지 않습니다. –

나는 문제가 조건부 문을 볼 수 있도록 '.ui 상태 강조 표시'를 찾고 그것을 의미하지 않는 경우에도 것입니다 생각 '$ (이)' 여기에 표시되지 않은 jQuery가 더 이상 없다면 그 요소를 참조합니다. 설명 할 수있는 작은 jsfiddle을 포함 시켰습니다. 이것이 도움이되기를 바랍니다!

편집 : 내가 99 % 확신하는 새로운 피들이가 포함되어 있습니다.

jQuery UI - Sortable 페이지의 예제를 사용하여 정렬 가능한 목록을 설정하고 그 안에 내장 된 이벤트를 살펴 보았습니다. 시작을 정렬 할 때 이벤트를 결합 시작이라는 이벤트가있다, 내가 좋아하는, 당신은 시작 콜백에서 자리를 수정할 수 있습니다

http://jsfiddle.net/6PrvC/

출처

2012-08-22 18:22:05 maxinacube

감사합니다. 왜 (이) 작동하지 않을까요? 어쨌든 이것은 여전히 작동하지 않습니다. .ui-state-highlight div는 페이지로드시 숨겨져 있습니다. 정렬 가능한 jQuery UI 항목을 드래그하기 시작할 때만 표시됩니다. 나는 그것이 표시되지 않고 실행중인 문제라고 생각합니다 ... –

Aghhhh perfect! 정확히 내가 무엇을 찾고 있었는지. "sortcreate"이벤트를 알지 못했습니다 ... 감사합니다! 1+ –

'.ui 상태 강조 표시'에 텍스트를 추가하는 것을 사용 이 :

$('#my-sortable').sortable({ 
    start: function(event, ui) { 
     ui.placeholder.html('Placeholder Content!'); 
    } 
});

출처

2014-12-28 02:44:03 Synexis

jQuery Sortable - 자리 표시 자에 텍스트 추가

답변

관련 문제