2011-04-06 28 views
0

這是我如何創建項目可選在jQuery isValid = new Array(list.size);如何在jQuery中處理「可選」事件?

var div = document.getElementById("selectable"); 

for(i=0; i<list.size; i++) 
{ 
    // It should look like that//<li class="ui-widget-content">Item 1</li> 
    var properties = list[i].getProperties(); 
    var aTag = document.createElement("li"); //file name or something as ID 
    aTag.setAttribute('class',"ui-widget-content"); 
    aTag.setAttribute('id',i); 

    aTag.innerHTML = properties.fileName; //file name 
    div.appendChild(aTag); 
} 

我嘗試了以下兩個,但他們都不起作用:

$(function() { 
      $("#selectable").selectable(); 
     }); 

     $("#selectable").selectable({ 
      selected: function (event, ui) { 
       var x = 0; 
       x++; 
      } 
     }); 

應填寫

<div class="demo"> 
    <ol id="selectable"> 

    </ol> 
</div> 

我缺少的東西HTML部分?謝謝!

+0

您正在通過名稱'div'調用包含ID爲'selectable'的元素的變量。那個元素實際上是DIV嗎?如果是這樣,您需要將它作爲列表(UL或OI),因爲充滿LI元素的DIV無效。向我們展示一些標記? – JAAulde 2011-04-06 02:24:44

+0

感謝您的回覆。我現在已經更新了這個問題。謝謝! – 2011-04-06 15:49:37

+0

沒問題。我還有一個問題 - 你有什麼名稱爲'list'的變量名稱爲'size'? – JAAulde 2011-04-06 16:18:08

回答

0

那一個工作!

$(function() { 
      $("#selectable").selectable({ 
       stop: function() { 
        var result = $("#select-result").empty(); 
        $(".ui-selected", this).each(function() { 
         var index = $("#selectable li").index(this); 
         result.append(" #" + (index + 1)); 



         $("#play").button("option", { 
          label: "pause", 
          icons: { 
           primary: "ui-icon-pause" 
          } 
         }); 

        }); 
       } 
      }); 
     });