1
간단하게 .. 다른 항목에서 스크롤 가능 항목을 추가하려면 ... 여기서는 문서를 사용하여 쉽게 추가 할 수 있지만 제거는 없습니다. ..jQueryTools의 스크롤 가능 항목에서 추가 및 제거
$(function() {
// initialize scrollable
$("#Unused.scrollable").scrollable({easing: 'easeOutBack'});
$("#Unused.scrollable").navigator();
$("#Used.scrollable").scrollable({easing: 'easeOutBack'});
$("#Used.scrollable").navigator();
$(".scrollable input[type='checkbox']").live('click',function(){
var package=$("input[name='multiInput-module-0-Selected']").val();
$("input[name='multiInput-module-0-Selected']").val('');
$(this).closest('.scrollable').find("input[type='checkbox']").each(function(index, Element) {
if($(this).attr("checked")==true){
if(package==''){var c=''}else{var c=','}
package+=c+$(this).val();
}
});
var api = $("#Used.scrollable").data("scrollable");
api.addItem($(this).closest('.img').clone()).end();
$(this).closest('.img').remove();
$("#Unused.scrollable").removeData();
$("#Unused.scrollable").scrollable().navigator();
$("input[name='multiInput-module-0-Selected']").val($.trim(package));
});
$("ul.tabs").tabs("div.panels > div.panel");
});
및
<ul class="tabs">
<li><a href="#">Used images</a></li>
<li><a href="#">Add an image</a></li>
</ul>
<div class="panels">
<div class='panel'>
<h2>Used</h2>
<div class="navi" ></div>
<a class="prev browse left"></a>
<div id='Used' class="scrollable">
<div class="items">
<div class='img' >
<input type='checkbox' value='/uploads/siteTheme/headerimages/1.jpg' checked='checked'/>
<a href='#' class='addtext' style=''>T</a> <img src='http://localhost/www.glts.tec.ma.us/uploads/SuperSizerTmp/admin/headerimages/1.-w100-h0-p0-q85-F-----S1-c.jpg?1296899993' alt='' /> </div>
<div class='img' >
<input type='checkbox' value='/uploads/siteTheme/headerimages/2.jpg' checked='checked'/>
<a href='#' class='addtext' style=''>T</a> <img src='http://localhost/www.glts.tec.ma.us/uploads/SuperSizerTmp/admin/headerimages/2.-w100-h0-p0-q85-F-----S1-c.jpg?1296899993' alt='' /> </div>
<!-- "next page" action -->
<a class="next browse right"></a> </div>
<div class='panel'>
<h2 style='clear:both;'>Unused</h2>
<div class="navi" ></div>
<!-- "previous page" action -->
<a class="prev browse left"></a>
<!-- root element for scrollable -->
<div id='Unused' class="scrollable">
<!-- root element for the items -->
<div class="items">
<div class='img' >
<input type='checkbox' value='/uploads/siteTheme/headerimages/1 - Copy.jpg' />
<img src='http://localhost/www.glts.tec.ma.us/uploads/SuperSizerTmp/admin/headerimages/1 - Copy.-w100-h0-p0-q85-F-----S1-c.jpg?1296900411' alt='' /> </div>
<div class='img' >
<input type='checkbox' value='/uploads/siteTheme/headerimages/2 - Copy.jpg' />
<img src='http://localhost/www.glts.tec.ma.us/uploads/SuperSizerTmp/admin/headerimages/2 - Copy.-w100-h0-p0-q85-F-----S1-c.jpg?1296900411' alt='' /> </div>
</div>
</div>
<!-- "next page" action -->
<a class="next browse right"></a> </div>
<div style='clear:both;'></div>
</div>
내가 'HTML을 나는 이동을 할 수 있지만, 스크롤이 내가 지금까지 시도한 것입니다 .. 순자산 가치 (NAV) 또는 왼쪽 권리에의 반영하지 않습니다 확실한 무엇인가 간단합니다 .. 몇 가지 해결 방법 .. 그냥 그것을 찾지 못하거나 아직 받고 : D 조 덕분에 .. 건배 - 제레미