0

<li>jquery selectable を使用して行われたすべての選択に対して のリストを維持しようとしています

これがHTMLの基本的なテンプレートです

<div class="content">
    <div class="contentreplace"></div>
    <div class="buildoptions"><?=$buildoptions?></div>
</div>

$buildoptionsは :

<p id="feedback">
    <span>You've selected:</span> 
<div id="select-result"><ul class='ul-depend'>Nothing Selected</ul></div>
</p>

これが私のJavaScriptです:

$(function() {
    $( ".selectable" ).selectable({
  stop: function() {
    var html2 = "<div class='steps'> Select the dependant Field </div>";
    $('#select-result').empty().append(html2);

    var html = "";
    $( ".ui-selected", this ).each(function() {
        var ecid = $(this).data('ecid');
        var field = $(this).data('field');
        html = "<li class='depend' data-field='"+field+"' data-ecid='"+ ecid+"'>"+ecid+" - "+field+"</li>";
        $("#select-result ul.ul-depend").append(html)
    });

  }
});
});

選択可能なhtmlは次のとおりです。

    <span class="ecdataset"><?=$stuff[0]['dataset']?></span>    
    <span class="ecvisit"><?=$stuff[0]['visit']?></span>
<ol class="selectable">
<?php
foreach ($stuff as $variable)
{?>
<li class="ui-widget-content" data-field="<?=$variable['field']?>" data-ecid="<?=$variable['ecspecs_id']?>">
    <textarea ><?=$variable['ecnum']?></textarea>
    <span class="ecfield"><?=$variable['field']?></span>
</li>
<?php }

?>

理論的には、アイテムを選択すると、#select-result ul順序付けられていないリストに追加して、<li>文字列を追加するべきではありませんか? なぜそうしないのか誰にもわかりますか?

私はそれをテストしましたが、.ui-selectedエリアから正しいデータを受け取り、文字列に数値を入力しています。

ありがとう

4

2 に答える 2

1

次の行で削除しているため、ulに何も追加していません

$('#select-result').empty().append(html2);
于 2013-05-28T16:59:04.447 に答える