拖放一個對話框到另一個對話框添加不必要的滾動條

當一個對話框，即「迭代1」拖放到另一個對話框，即第1個作品完美，但增加不必要的滾動條到其他對話框即「第1版'。我想看到我的對話框，即左上角的'Iteration 1'。拖放一個對話框到另一個對話框添加不必要的滾動條

$(document).ready(function() { 

    $("#dialogRelease").dialog({ 

     autoOpen: false, 
     modal: false, 
     show: {effect: 'fade', duration: 2000}, 
     hide: "size", 
     resizable:false, 
     draggable:true, 
     height: 360, 
     width: 450, 
     position: [1300,500] 
    }); 

});

我是否需要改變一些東西？

演示代碼在這裏 [http://jsfiddle.net/coolanuj/7683X/14/]

來源

2012-11-07 Little bird

@pmandell從你身邊的任何幫助，將不勝感激。 –

@Munchies：從你身邊的任何幫助，將不勝感激 –

等待您的寶貴答案 –

 

    #dialogIteration { 
     overflow:hidden; 
    }

這雖然我認爲你正在尋找別的東西修復滾動條。在嘗試使用jQuery插件之前，請嘗試專注於正確設置您的css。這是一個樣式問題，而不是一個jQuery問題。

檢查拖動documentdation拖放有可能溢出選項的地方，也確保所有在對話框中的元素有正確的樣式或你會得到非常奇怪的行爲。

來源

2012-11-08 22:13:24

如果您在發佈後討論可拖動框放置在另一個容器中，實際上，問題在其他地方。當你放開一個項目，它被添加到其新的容器，但你不要改變拖動項目的top和left CSS值。因此，它最終被附加在可見區域之外。如果只有一個容器，可以修復它，如下所示：

function deleteImage($item) { 
    $item.fadeOut(function() { 
     var $list = $("ul", $trash).length ? $("ul", $trash) : $("<ul class='gallery ui-helper-reset'/>").appendTo($trash); 

     ////////position fix///////// 
     $item.css({ 
      top: 10, 
      left: 10 
     }); 
     $item.find(".placeholder1").remove(); 
     $item.append($gallery).appendTo($list).fadeIn(function() { 
      $item.animate({ 
       width: "200px" 
      }).find(".placeholder1").animate({ 
       height: "250px" 
      }); 
     }); 
    }); 
}

如果容器應該接受更多的元素，你需要找到一個算法，正確放置。

來源

2012-11-08 22:17:43 pckill

感謝名單及其工作 –

拖放一個對話框到另一個對話框添加不必要的滾動條

回答

相關問題