0

私は何が間違っているのか疑問に思っています..

私はこのulを持っています:

<ul id="songlist" data-role="listview" data-divider-theme="b" data-inset="true">
<li data-role="list-divider" role="heading">
    Crowdlist
</li>

リストアイテムを追加するためのこの関数：

function insertItem(myid,position,newListItem) {
    var ul = document.getElementById(myid);
    var li = document.createElement("li");
    li.innerHTML=newListItem;
    ul.insertBefore(li, ul.getElementsByTagName("li")[position]);
    }

そのような関数を呼び出します：

insertItem('songlist',1,'<li data-theme="c" onclick="vote('+song+')">'+interpret+" - "+songtitle+'</li>');

リスト要素を追加しますが、追加できるjQueryリスト要素のようには見えません

<li data-theme="c">dewf</li>

私はそれを理解することができません..誰かが私を助けてくれることを願っています.

ありがとう！

4

1 に答える 1

0

データを動的に挿入した後、リストビューを更新する必要があります。にデータを挿入した後listview、次triggerのようcreateにしますpage。

$("[data-role=page]").trigger("create");

編集

あなたが直面している問題に基づいて、私はrefreshあなたにとって正しい解決策ではないと思います. data-themeに属性を追加することはできませんli。ul(liの親)に追加する必要があります。

デモ: Javascript バージョン。

できるだけJSにこだわろうとしました。しかし、なぜ？jQuery と jQuery mobile が含まれていますが、それを使用しないのはなぜですか? jQuery ソリューションが必要な場合は、このバージョンのソリューションを参照してください。

デモ: jQuery バージョン。

于 2013-06-15T17:30:14.800 に答える