首页 文章

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

提问于
浏览
0

我正在使用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>

1 回答

  • 0

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

相关问题