jQuery UIが選択できない.dialog open html

Question

私は.dialogモーダルを開き、HTMLをロードしています。私はhtmlにあり、.dialogモーダルで表示されるリストにjQuery選択可能を適用しています。 Selectableが機能していない場合、リストのストレートhtmlが表示されています。

コード：

$jQuery('#calendar').fullCalendar({ 
     ... 
     dayClick: 

     ... 


     var $test_dialog = jQuery('<div></div>').html('<ul id="selectable"> 
      <li>1</li> 
      <li>2</li> 
      <li>3</li> 
     </ul>').dialog(//buttons); 

    }) // end fullCalendar 

    $test_dialog.dialog('open') 

    jQuery('#selectable').selectable(); 

その他の詳細：

私はページ上のfullCalendarをロードしていますし、ユーザーはカレンダーをクリックすると、リストを.dialogモーダルが開きます。

ありがとうございます。

Answer 1

実際に選択可能な関数を呼び出す前に、常にhtmlを読み込んでいることを確認してください。ここ

$(function() { 
    var html = ''; 
    html += '<ul id="selectable">'; 
    html += '<li>1</li>'; 
    html += '<li>2</li>'; 
    html += '<li>3</li>'; 
    html += '</ul>'; 
    $('#dialog').html(html).dialog(); 
    $('#selectable').selectable(); 
}); 

はjsfiddle example

Answer 2

が同様のサウンドの問題が、別のソリューションを持っていたのです。私にとっては、選択可能と考えられる個々の要素にクラスui-widget-contentを追加する必要があることを認識していました。対照的に、.draggable()を呼び出すだけで、クラスを追加しなくてもドラッグ可能になりました。