个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我正在使用 jquery rating star 插件，静态使用时一切正常，但是当我动态创建 ListView 并将“选项”输入控件放入其中时，它从不应用样式。
在我已加载样式表中:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" id="viewport" content="width=device-width,height=device-height,initial-scale=1.0,user-scalable=no"/>
<link rel="stylesheet" href="js/rating/jquery.rating.css" />
<link rel="stylesheet" href="css/themes/etensr.theme.css" />
<script src="jquery.1.7.1.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/rating/jquery.rating.js"></script>
<script type="text/javascript" src="jquery.mobile.1.0.min.js"></script>
</head>
和页面:
<div data-role="page" id="subcategories" data-theme="a">
<div class="header" data-role="header" style="height: 42px;" >
<a data-rel="back" data-role="button" data-theme="c">Back</a>
<a href="order.html" data-role="button" data-theme="c" data-icon="gear" data-iconpos="right" class="ui-btn-right">0.00 SRD - </a>
</div>
<div data-role="content" id="subcategoryCnt">
<ul id="subcategoryList" data-role="listview" data-theme="a" data-dividertheme="c" >
<li data-icon="arrow-r" >
<img src="images/thumb80x80.jpg" />
<div>
<div style="float:left;"><p>Product</p></div>
<div style="float:right;font-size: 12px;">Price</div>
<div style="clear:both;"></div>
<div style="float:left;">
<input name="star1" type="radio" data-role="none" class="star" disabled="disabled" />
<input name="star1" type="radio" data-role="none" class="star" disabled="disabled" />
<input name="star1" type="radio" data-role="none" class="star" disabled="disabled" checked="checked"/>
</div>
</div>
</li>
</ul>
</div>
</div>
所有这些都正确显示，但是当我动态加载 ListView 元素时，输入 radio 不会像星星一样呈现，而是呈现正常的单选按钮:
<div data-role="page" id="subcategories" data-theme="a">
<div class="header" data-role="header" style="height: 42px;" >
<a data-rel="back" data-role="button" data-theme="c">Back</a>
<a href="order.html" data-role="button" data-theme="c" data-icon="gear" data-iconpos="right" class="ui-btn-right">0.00 SRD - </a>
</div>
<div data-role="content" id="subcategoryCnt">
<script type="text/javascript">
GetSubcategories();
</script>
</div>
</div>
JS 是:
function GetSubcategories() {
subcategories = result.GetSubcategoriesResult;
if (subcategories.length > 0) {
var html = '<ul id="subcategoryList" data-role="listview" data-theme="a" data-dividertheme="c" >';
for (i = 0; i < subcategories.length; i++) {
html = html + '<li data-role="list-divider">' + subcategories[i].Name + '</li>';
prods = subcategories[i].Products;
if (prods.length > 0) {
for (j = 0; j < prods.length; j++) {
html = html +
'<li data-icon="arrow-r" >' +
'<a href="products.html" rel="external">' +
'<img src="images/thumb80x80.jpg" />' +
'<div>' +
'<div style="float:left;"><p>' + prods[j].Name + '</p></div>' +
'<div style="float:right;font-size: 12px;">' + prods[j].Price + ' SRD</div>' +
'<div style="clear:both;"></div>' +
'<div style="float:left;">' +
'<input name="star' + prods[j].Id + '" type="radio" data-role="none" class="star" disabled="disabled" />' +
'<input name="star' + prods[j].Id + '" type="radio" data-role="none" class="star" disabled="disabled" />' +
'<input name="star' + prods[j].Id + '" type="radio" data-role="none" class="star" disabled="disabled" checked="checked"/>' +
'</div>' +
'</div>' +
'</a>' +
'</li>';
}
}
}
html += '</ul>';
}
$('#subcategoryCnt').html(html);
$('#subcategoryList').listview();
}
当我执行相同但动态的操作时，除了输入 radio 没有像星星那样显示之外，所有内容都正确显示。
我做错了什么？谢谢
最佳答案
关于data-icon="star"
另外我认为你仍然需要刷新 jQM
JS
$('#mylist').listview('refresh');
关于jquery - 在 jquerymobile 中动态创建的评级星插件中未正确应用样式，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9154887/
25
4
0
我在互联网上搜索了很多小时，但没有找到满意的结果，所以 -VSTO Addin 和 COM Addin(我们作为类库项目制作并使用 Excel 对象)之间有什么区别？VSTO 项目是否有任何限制，例如
我在互联网上搜索了很多小时，但没有找到满意的结果，所以 -VSTO Addin 和 COM Addin(我们作为类库项目制作并使用 Excel 对象)之间有什么区别？VSTO 项目是否有任何限制，例如
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。 要求我们推荐或查找工具、库或最喜欢的场外资源的问题对于 Stack Overflow 来说是偏离主题的，
我正在寻找有关如何构建可扩展 WCF 服务器(具有动态加载的服务)的建议，最好使用 System.Addins 或 MEF。 服务器应托管实现最小“插件”API(StartService/StopSe
有没有一种方法可以使用加载浏览器扩展/插件/插件的 headless 浏览器(即 PhantomJS、Selenium)来运行自动测试？ 更具体地说，我想模拟广告拦截器(如 Ghostery、ad-b
我是 gradle 的新手，我使用 artifactory 作为我的 repo 服务器。我在网上查看了如何将我的项目发布到我的 repo 服务器，发现我可以使用 maven-publish 或使用 a
我想禁用某些状态的点击/事件，并仅使少数状态可点击。我通读了http://newsignature.github.io/us-map/处的文档，并且找不到与此问题相关的任何内容。 最佳答案 http:
据我了解，在Intellij中使用idea插件打开Maven构建的项目并不是最好的方法，即调用: mvn idea:idea 但是直接打开pom文件(Intellij有默认的Maven插件)；同样的事
使用Artifactory plugin对于 Jenkins pipeline 来说是一种幸福，只要遵循文档就可以了。但后来我介绍了Maven Flatten plugin解析父模块和子模块 mvn
我已经安装了Elasticsearch版本1.7.1。一切正常。我也安装了 JDBC 驱动程序。检查下面我的插件文件夹 目录E:\Xampp\htdocs\my-elastic\elasticsear
在我使用 webpack common chunks 插件创建包含第三方库(如 angular、react、lodash 等)的 vendor 包之前，但后来我知道了 webpack dll
我们正在尝试使用(Jenkins、sonar、eclipse ...)安装 CI 平台。 为了让每个开发人员都可以在提交之前对他的代码进行分析，我想知道两种选择: 使用 Sonar 插件运行本地分析。
我知道这是一个比较特殊的问题。尽管如此，也许有些人知道这一点: 我想在 Eclipse 中使用 Maven 编译 Hector=> 分支:0.7.0 和标签:hector-0.7.0-29(https
我卡住了。我一直在尝试寻找或自己创建一个简单的准系统示例，说明如何为 VS 2010 Express 创建 Outlook 插件。我知道这在 VS 2010 Pro 中更简单，但是，在快速版本中真的不
我有以下排除过滤器来忽略所有 R 文件类: findbugs-exclude-filter.xml 当我将它用于 FindBugs-IDEA 插件时，它可以
我刚开始玩 CakePHP，我发现了 Wildflower CMS .我喜欢这个想法，并打算开始修补它。不过，我有一个问题。 在自述文件中，我发现了以下内容:“Wildflower 不是也不会是 Ca
虽然现在大部分情况都是使用n-api来编写插件，但是底层毕竟是v8(和libuv)，使用v8编写简单的插件，同时熟悉v8的使用。 本文介绍在写c++插件时，简单又常用的写法，其实本质上，写插件
本篇是 Python 系列教程第 3 篇，更多内容敬请访问我的 Python 合集 Visual Studio Code的安装非常简单，就不放这里增加文章篇幅了。 相比PyCharm，V
Maven – 插件 什么是 Maven 插件？ Maven 实际上是一个依赖插件执行的框架，每个任务实际上是由插件完成。Maven 插件通常被用来： 创建 jar 文件 创建 war
我正在编写一个插件来添加带有标签 [deposit_page] 的页面；该标记应替换为一些 PHP 代码。 这就是我所拥有的，但它不起作用。有什么我遗漏或做错了什么吗？ function deposi
我是一名优秀的程序员,十分优秀！