1

デフォルトでリストビューにある右矢印を削除しようとしていました。しばらく検索して出くわしましdata-icon="false"たが、うまくいきませんでした。次に、さらに検索して、この投稿JqueryMobile - Listviews right arrowを見つけました(この投稿と重複している可能性があります。申し訳ありません)。

私の質問は、1.0a2 で矢印を正確に削除するにはどうすればよいですか? どうやらこれは DOM 手術を使用して行うことができます。

4

2 に答える 2

1

新しい jQuery Mobile バージョンの場合は、 set だけです。ドキュメントdata-icon="false"も参照してください

アイコンがまったく表示されないようにするには、data-icon 属性を「false」に設定します。

ここに画像の説明を入力

于 2014-09-23T14:43:09.387 に答える
0

回避策は、次の JS / jQuery コードを使用して矢印を「手動で」削除することです。

$(function() {
    $('li').removeClass("ui-btn-icon-right"); 
});

これが完全に機能する例です。試してみてください：

<!DOCTYPE unspecified PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a2/jquery.mobile.structure-1.0a2.min.css" />
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.css" />
    <script src="http://code.jquery.com/jquery-1.4.3.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.js"></script>

    <script>
        $(function() {
            $('li').removeClass("ui-btn-icon-right"); 
        });
    </script>
</head>

<body>
    <div data-role="page" id="p1">
        <div data-role="content">
            <ul data-role="listview" data-theme="a" >                   
                <li><a href="#p2">Go to page 2</a></li>
                <li><a href="#p3">Go to page 3</a></li>
            </ul>
        </div>
    </div>

    <div data-role="page" id="p2">
        Hello! This is page 2!!!
    </div>

    <div data-role="page" id="p3">
        Hello! This is page 3!!!
    </div>

</body>
</html>

ただし、いくつかのバグが修正され、より安定している最新バージョンの jQuery Mobile (現時点では 1.2) を入手することをお勧めします。

詳細については、Web サイトを確認してください: http://jquerymobile.com/

お役に立てれば。

于 2012-10-11T00:25:28.857 に答える