Question

我正在使用jquerymobile 1.4.0并且有一个包含缩略图图像的listview菜单（divl1star，divl2star等...）

我想根据一系列标准更改缩略图来源。

我的问题是我看不到如何更改缩略图。我试图更改修改'src'attr，如代码末尾的脚本中所示，但这无法正常工作。控制台中未显示任何错误。我觉得这个解决方案非常简单，并且我认为我试图访问img src的方式不正确。

非常感谢任何帮助。

<div data-role="page" id="mainmenu" data-theme="a">

    <ul data-role="listview" data-inset="true" id="divIdlevelList">
        <li data-icon="false" id="listL1"><a href="#menulevelone"><img id="divl1star" src="../img/icons/star0.png" class="ui-li-thumb"><h3>l1</h3><p>l1text</p></a></li>
        <li data-icon="false" id="listL2"><a href="#menuleveltwo"><img src="../img/icons/star0.png" id="divl2star" class="ui-li-thumb">l2<p>l2text</p></a></li>
        <li data-icon="false" id="listL3"><a href="level3.html"><img src="../img/icons/star0.png" id="divl3star" class="ui-li-thumb">l3<p>l3text</p></a></li>
        <li data-icon="false" id="listL4"><a href="level4.html"><img src="../img/icons/star0.png" id="divl4star" class="ui-li-thumb">l4<p>l4text</p></a></li>
        <li data-icon="false" id="listL5"><a href="level5.html"><img src="../img/icons/star0.png" id="divl5star" class="ui-li-thumb">l5<p>l5text</p></a></li>       
    </ul>


    <script>
        $("#divl1star").attr('src', '../img/icons/star2.png');
    </script>
</div>

Answer 1

奥马尔指出，我的代码中出现了愚蠢的错误。我用的是＃div1star而不是#divl1star。

JQueryMobile - 在代码中更改缩略图src

1 个答案: