0

.dialogモーダルを開いてhtmlを読み込んでいます。htmlにあり、.dialogモーダルで表示されるリストにjQueryselectableを適用しています。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モーダルが開きます。

提案をありがとう。

4

2 に答える 2

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の例です

于 2011-02-02T20:04:33.463 に答える
0

同様の問題がありましたが、解決策が異なります。私にとっての問題は、ui-widget-content選択可能と見なされる個々の要素にクラスを追加する必要があることを認識していたことです。対照的に、私は.draggable()それらを呼び出すことができ、クラスを追加せずにドラッグ可能になりました。

于 2012-06-21T02:55:49.503 に答える