JQuery UI選択可能：リストアイテムを事前選択

Question

選択可能リストの最初の項目のクリックを実装しようとしています。 を追加できますが、最初の項目を事前に選択しようとするとクリックイベントが発生しません私はclickを必要とするので、onclickイベントには別のdivの関連情報を入れるためのajax呼び出しがあります。） 私はトリガーメソッドを使用しようとしましたが、リストの拳の項目でこれを実行できませんでした。コードは標準的なものです。

<ol id="selectable"> 
<li class="ui-widget-content">Item 1</li> 
<li class="ui-widget-content">Item 2</li> 
<li class="ui-widget-content">Item 3</li> 
<li class="ui-widget-content">Item 4</li> 
<li class="ui-widget-content">Item 5</li> 
<li class="ui-widget-content">Item 6</li> 
    <ol> 

jQueryの機能

 $(function() { 
     $("#selectable").bind("mousedown", function (e) { 
      e.metaKey = false; 
     }).selectable({ 
      selected: function(event, ui) { 

       alert("selected"); 

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

私はこの

$('li:first-child').select().addClass("ui-selected"); 

のように最初のリスト項目にCSSを適用することができますが、私はクリック機能が働くことを得るカント（クリックで呼び出します選択された匿名のコールバック。）どんなポインタも参考になるでしょう。

Answer 1

私はそれを稼働させることができました。それを解決するのが役に立つかもしれないので、解決策を投稿してください。 は、私はあなたが私たちがclick.Iが作成コールバックでこれを入れて発射する必要があることをやるたら、我々は最初の

$("#selectable").bind("selectableselected", function(event, ui) { 

    $(".ui-selected", this).each(function() { 
    var index = $("#selectable li").index(this); 
    alert("test"); 


    }); 
    });  

をバインドする必要が選択list.Forの最初の項目にマウスクリックをシミュレートしたいです選択肢が形成されるとすぐに呼び出されます。

create: function(event, ui) { 
      setTimeout(function() { 
    $('li:firstchild').addClass("uiselected").trigger('selectableselected'); 

      }, 100); 

Jqueryについての素晴らしいことは、そのように直感的なことです。