0

jQueryを使用するように次のコードを変更するのに問題があります。誰かが私を正しい方向に向けることができますか？

function addListItem() {
    var listItem, container, dataList = document.getElementById('dataList');

    // Create our list item
    listItem = document.createElement('div');
    listItem.setAttribute('data-bb-type', 'item');
    listItem.setAttribute('data-bb-img', 'images/icons/icon11.png');
    listItem.setAttribute('data-bb-title', 'Title ');
    listItem.innerHTML = 'My description';

    // Create a dummy container
    container = document.createElement('div');
    container.appendChild(listItem);

    // Apply the styling
    bb.imageList.apply([container]);

    // Append the item
    dataList.appendChild(container.firstChild);

    // re-compute the scrolling area
    if (bb.scroller) {
        bb.scroller.refresh();
    }
}
4

1 に答える 1

1

まず最初に、あなたのコードは完全にうまく見えることをお伝えしましょう。

ここで、jQueryを使用してIDで要素を選択するには、IDセレクター（「#id」）を使用します。したがって、を使用する代わりにdocument.getElementById("dataList")、次を使用します。

$("#dataList")

その場でDOM要素を作成するには、を使用しますjQuery( html, props )。たとえば、リストアイテムを作成するには、次を使用します。

listItem = $("<div />", {
  data-bb-type: 'item',
  data-bb-img: 'images/icon/icon11.png',
  data-bb-title: 'Title'
}).html("My description");

最後に、要素を別の要素に追加するには、を使用します.append()。この関数を使用すると、ダミー要素の作成は次を使用して実行できます。

container = $("<div />").append(listItem);
于 2012-09-07T20:38:04.870 に答える