Jquery Mobile Auto 将图标添加到类

Posted 2023-05-09

【中文标题】Jquery Mobile Auto 将图标添加到类

【英文标题】：Jquery Mobile Auto adding icon to class

【发布时间】：2016-04-06 22:52:54

【问题描述】：

我有一个奇怪的问题。我使用 php 生成创建列表视图所需的 html 代码。我用不同的 sql 做了两次，第一次只返回未来的行，第二次返回所有内容。

在主页我使用以下代码：

                while (mysqli_stmt_fetch($stmt)) 
                    $output .= "\t\t<li class=\"ui-btn ui-corner-all ui-shadow\"><a href=\"workoutSpecific.php?workoutId=$workoutID\" style=\"text-decoration: none; color:inherit;\" >";
                    $output .= "\t\t<div class=\"bi-list-item-primary\">$title</div>";
                    $output .= "\t\t<div class=\"bi-list-item-secondary\">";
                    $output .= "\t\t<p>$date  at  $time</p>";
                    $output .= "\t\t</a></li>";
                

这产生了如下代码，注意第一个<a>没有任何类元素或图标。

 <div id="upcomingWorkouts">
  <h3>Upcoming Workouts:</h3>
    <ul data-role="listview" data-inset="true" id="allWorkouts" data-theme="b">
<li class="ui-btn ui-corner-all ui-shadow">
    <a href="workoutSpecific.php?workoutId=5" style="text-decoration: none; color:inherit;">
        <div class="bi-list-item-primary">Back</div>
    </a>
    <div class="bi-list-item-secondary">
        <a href="workoutSpecific.php?workoutId=5" style="text-decoration: none; color:inherit;">
            <p>Sat 16th Jan 2016 at 10:10AM</p>
        </a>
    </div>
  </li>
 </ul>
</div>

现在在我的另一个页面上，它的生成方式完全相同，但它有一个带有克拉图标的类.....

<li class="ui-btn ui-corner-all ui-shadow">
    <a href="workoutSpecific.php?workoutId=5" style="text-decoration: none; color:inherit;" class="ui-btn ui-btn-icon-right ui-icon-carat-r">
        <div class="bi-list-item-primary">Back</div>
    </a>
    <div class="bi-list-item-secondary">
        <a href="workoutSpecific.php?workoutId=5" style="text-decoration: none; color:inherit;">
            <p>Sat 16th Jan 2016 at 10:10AM</p>
        </a>
    </div>
</li>

抱歉，这有点难以解释，但有人有什么想法吗？

【问题讨论】：

能否提供父元素的代码。我的猜测是第二个在 <ul data-role="listview">

我已经修改了上面的代码来显示这些，它们都在同一个 divID 和 listview 中（不同的 ID）

【参考方案1】：

只需在您的元素上添加 data-role="none" ，JQM 就会忽略它