Jquery UI 컨테이너에 이미지 추가

Jquery UI 컨테이너에 이미지를 추가하는 데 문제가 있습니다. 문제는 이미지를 추가 할 때 첫 번째 이미지가 있던 위치 아래에 배치한다는 것입니다. 다음 이미지를 추가하기 전에 이미지를 이동했는지 여부와 상관없이 다음 이미지를 추가하면 이전에 추가 된 이미지의 맨 아래에 이미지가 추가됩니다. 이미지가 컨테이너보기 외부에 추가되고 이미지를 사용할 수 없게 될 때까지이 작업이 계속됩니다. CSS를 사용하여 추가 이미지에 대한 절대 위치와 상대 위치를 정의하려고했지만이 방법으로 이미지를 드래그 할 수 없게되었습니다. 누구든지 어떤 제안이 있습니까? 고맙습니다!Jquery UI 컨테이너에 이미지 추가

$('#2top').live('click',function(){ 
    var randomNumber = Math.floor(Math.random() * 1000); 
    var newBox = "<div id='" + randomNumber + "' class='draggable ui-widget-content'><img src='pictures/2-chair-tableRounded.png' height='35' width='35'></div>"; 

    $('#containment-wrapper').append(newBox); 

    var id = '#' + randomNumber; 

    $(id).draggable({ 
     containment: "#containment-wrapper", scroll: false, 
     grid: [5,5] 

    });

출처

2011-08-16 user896927

는 대신 .append()의, jQuery의 .prepend()을 찾고있는 것처럼 보인다. .prepend()은 항상 컨테이너 시작 부분에 내용을 삽입합니다.

출처

2011-08-16 15:07:20 bfavaretto

응답 해 주셔서 감사합니다. 이렇게하면 컨테이너에 추가하는 모든 이미지에 액세스 할 수 있지만 새로운 문제가 발생합니다. prepend를 사용하면 이미 컨테이너에 추가 한 모든 이미지가 새 이미지를 '추가 할 때'설정 한 위치에서 강제로 내립니다. – user896927

그래서 정확히 어디에 뉴스 이미지를 삽입 하시겠습니까? – bfavaretto

사용자가 만든 현재 레이아웃에는 영향을 미치지 않지만 캔버스에서 위치를 지정하여 새 이미지를 추가 할 수있게하고 싶습니다. 이것이 CSS 문제라고 생각하지만, 위치 지정을 사용하려고하면 Jquery UI가 이미지를 드래그 할 수 없게합니다. – user896927

Jquery UI 컨테이너에 이미지 추가

답변

관련 문제