ASP.NETを使用したjQuery - 作成、実装、表示方法

Question

ASP.NET Webアプリケーションでは、ユーザ入力に基づいてULを作成して設定しようとしています。これは簡単な記入ではありません。ユーザーは2つの文字を入力し、ボタンをクリックすると、サーバーはそのエントリーのようなすべてのレコードを戻します。複数のマッチがある場合、すべてのマッチを示すULが作成されます。

私はこのコードをプラグインから修正しようとしました。私はデバッガでそれを踏みとどめることができ、すべてがOKだと思われますが、ULはドキュメントに生成されないか、または見えません。私は困惑しています

function fillBusinessDropdown(ListOfBusinesses) { 

var results = document.createElement("div"); 
var $results = $(results); 
$results.hide().addClass("ac_results").css("position", "absolute"); 

if ($.browser.msie) { 
    $results.append(document.createElement('iframe')); 
} 

results.appendChild(businessToDom(ListOfBusinesses)); 

$results.css({ 
width: 400 + "px", 
top: 100 + "px", 
left: 150 + "px" 
}).show(); 


function businessToDom(ListOfBusinesses) { 

    var ul = document.createElement("ul"); 

    var iLen = ListOfBusinesses.length - 1 

    for (var i = 0; i <= iLen; i++) { 
    var row = ListOfBusinesses[i]; 
    if (!row) continue; 
     var li = document.createElement("li"); 

    // add the business name 

    li.innerHTML = row.Bu_name; 

// add the business ID 
li.selectValue = row.Bupk; 
var extra = null; 
if (row.length > 1) { 
    extra = []; 
    for (var j = 1; j < row.length; j++) { 
    extra[extra.length] = row[j]; 
    } 
} 
li.extra = extra; 
ul.appendChild(li); 

$(li).hover(
    function() { $("li", ul).removeClass("ac_over");  
      $(this).addClass("ac_over"); active = $("li", ul).indexOf($(this).get(0)); }, 
    function() { $(this).removeClass("ac_over"); } 
    ).click(function(e) { e.preventDefault(); e.stopPropagation(); selectItem(this) }); 
    } 
    return ul; 
} 

：

はここで単純化されたコードです。 any0oeに私が間違っているアイデアはありますか？ ありがとう マイク・トーマス

Answer 1

このコードで何が問題なのかよく分かっていませんが、javascriptとJqueryが混在しています。代わりにJQueryを使用することをお勧めします。 .appendTo（）などを使用する