2

jqueryを介してアイテムを動的に追加しようとしていますが、こちら<ul>のドキュメントに従っています

listview呼び出しに苦労しているようです...

これは私のHTMLです：

<ul data-role="listview" id="tweets">
        <li><a href="astra.html">Astra</a></li>
        <li><a href="ford.html">Ford</a></li>
        <li><a href="triumph.html">Triump</a></li>
        <li><a href="chevrolet.html">Chevrolet</a></li>
        <li><a href="dodge.html">Dodge</a></li>
    </ul>

これは私のJqueryです：

$("#tweets").append("<li>Nissan</li>");
                $("#tweets").listview("refresh");

そして、これは私がChromeJSコンソールで見るエラーです：

Uncaught TypeError：オブジェクト[オブジェクトオブジェクト]にはメソッド'listview'がありません

これは私がブラウザに表示するものです：

ここに画像の説明を入力してください

「更新」ありとなしの両方でlistviewを呼び出してみましたが、どちらも同じエラーが発生するようですが、何が間違っているのでしょうか。

私は以前の5つのSOの質問を見てきましたが、それらの答えはどれも役に立ちませんでした。

編集：

私はすでに<head>要素に次のものを持っています：

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script>

編集2

上記のJavaScriptは、ボタンがクリックされた後に実行されていますが、それが効果があるかどうかはわかりません...

HTML：

<a href="#" data-role="button" onclick="getTweets()">GetTweets</a>

JS：

function getTweets() {
// some static value for now, to get it working...
    $("#tweets").append("<li>Nissan</li>");

try {
                    $('#tweets').listview('refresh');
                } catch(e) {
                    $('#tweets').listview();
                }
}
4

2 に答える 2

1

初めてアイテムを追加したときにリストビューが開始されていないと思います。たとえば、これを試してください：

try {
    $('#tweets').listview('refresh');
} catch(e) {
    $('#tweets').listview();
}
于 2012-07-30T13:47:50.400 に答える
0

エラーは、jQuery Mobile が定義されていないことです。jQueryの前に含まれていますか？どういうわけかjQueryをオーバーランしますか? この問題を解決するには、さらにコードが必要です。

于 2012-07-31T16:55:39.963 に答える