- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我创建了两个选择框,一个依赖于另一个,要选择一个“用户”,您需要选择一个“区域”,因此当该“区域”出现时,具有该“区域”的所有“用户”都将可用已选择。当不使用 jQuery Mobile 时它工作得很好,但是当我放置链接并测试它时,它会锁定选项。为什么要这样做?
任何帮助将不胜感激!
更新:奇怪的是,它实际上获取了它所选择的选项的值!但它并没有“刷新”选择 带有所选选项文本的标签。当选择为空时,在控制台上尝试 $('#user').val();
。
要查看错误,请在第一个选择框中选择测试
,然后尝试在第二个选择框中选择user
。
在这里尝试:http://liveweave.com/1hOGCg
或
我的代码(尝试删除 jQuery Mobile 链接以查看其工作情况):
localStorage.setItem('dad', '[[1,"asdasd"],[2,"Test"]]');
localStorage.setItem('son', '[[1,1,"Test"],[10,1,"User213"],[2,1,"Test2"],[3,1,"Test3"],[4,1,"Test4"],[5,1,"Test5"],[6,1,"Testtesttest6"],[7,1,"Test7"],[8,1,"Test8"],[9,2,"User"]]');
var dadArray = (localStorage.getItem('dad') !== null) ? JSON.parse(localStorage.getItem('dad')) : '';
var sonArray = (localStorage.getItem('son') !== null) ? JSON.parse(localStorage.getItem('son')) : '';
var tempArray = '';
if (localStorage.getItem('dad') === null && localStorage.getItem('son') === null) {
getData();
}
function getDad(dad, id) {
var size = dad.length;
for (var i = 0; i < size; i++) {
$(id).append('<option value="' + dad[i][0] + '">' + dad[i][1] + '</option>');
}
}
function getSon(son, id, dad) {
var size = son.length;
for (var i = 0; i < size; i++) {
if (dad == son[i][1]) {
$(id).append('<option class="area' + son[i][1] + '" value="' + son[i][0] + '">' + son[i][2] + '</option>');
}
}
}
$('#areas').change(function() {
$('#user').empty();
getSon(sonArray, '#user', $(this).val());
});
$(function() {
getDad(dadArray, '#areas');
$('#areas').change();
});
//If localStorage has been erased
/*
function getData(){
tempArray = $.ajax({
url: 'http://sistema.agrosys.com.br/webpro/webadm/wcgsynua',
async: false
});
tempArray = tempArray.responseText;
splitArray(tempArray,dadArray,sonArray);
}
function splitArray(array,dad, son){
var isItDad = true;
for(var i=0;i<array.length;i++){
var bit = array.substring(i, i+1);
if(bit == 's'){
if(array.substring(i, i+4) == 'son='){
isItDad = false;
}
}
if(isItDad === true){
dad += bit;
}else{
son += bit;
}
}
dadArray = dad;
sonArray = son;
dadArray = dadArray.replace('dad=', '');
sonArray = sonArray.replace('son=', '');
dadArray = dadArray.replace(',[]', '');
sonArray = sonArray.replace(',[]', '');
dadArray = JSON.parse(dadArray);
sonArray = JSON.parse(sonArray);
}
*/
//If localStorage has been erased
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" />
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<title>iterateSelectBox</title>
</head>
<body>
<select id="areas">
</select>
<select id="user">
</select>
</body>
</html>
最佳答案
修改选择后,您需要告诉 jQM 刷新小部件:
http://api.jquerymobile.com/selectmenu/#method-refresh
只需添加
$(id).selectmenu( "refresh", true );
在 getDad() 和 getSon() 的末尾
function getDad(dad, id) {
var size = dad.length;
for (var i = 0; i < size; i++) {
$(id).append('<option value="' + dad[i][0] + '">' + dad[i][1] + '</option>');
}
$(id).selectmenu( "refresh", true );
}
function getSon(son, id, dad) {
var size = son.length;
for (var i = 0; i < size; i++) {
if (dad == son[i][1]) {
$(id).append('<option class="area' + son[i][1] + '" value="' + son[i][0] + '">' + son[i][2] + '</option>');
}
}
$(id).selectmenu( "refresh", true );
}
关于javascript - 为什么 jQuery Mobile 选择框会锁定选项?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33389959/
我对 Java 并发性比较陌生(还没有阅读 JCIP,但它在我的列表中!)并且我有一个关于锁定行为的问题。具体来说,Java 是锁定对象的引用,还是锁定对象本身? 代码示例(不是 sscce,因为我不
我的团队使用 TortoiseSVN 编写版本控制代码。有时,有人使用“获取锁定”选项。是否有可能看到解决方案中的锁? 最佳答案 http://tortoisesvn.net/docs/nightly
我在使用 SVN 时遇到了一个小问题。 当我跑 svn stat我明白了: ~ some/dir 当我跑 svn commit -m "test"我明白了:svn: working copy
我启用了 jenkins 安全性,认为它会提示我创建一个帐户。我尝试在 c:/program files/jenkins 中删除和编辑我的 config.xml 文件,但我不确定如何在没有访问权限的情
实现与 S3 结合使用的简单锁定机制的推荐方法是什么? 我想做的例子: 通过对象 ID 获取锁 从 S3 读取对象 修改数据 将对象写入 S3 释放锁 理想情况下寻找基于云的锁定机制。我可以在本地使用
找到这个here : 一般来说,在以下任何情况下,请考虑在列上创建索引: 索引列上存在引用完整性约束,或者列。索引是避免全表锁的一种方法,否则,如果您更新父表主键,则需要,合并到父表中,或从父表中删除
在我的程序中,我将把每个“ block ”数据存储在一个单独的文件中。多个线程都会读取和写入各种文件,我想避免因未正确同步而可能出现的问题。本质上,我想要一个设置,其中每个文件的行为就好像它有自己的
我想使用此script作为资源,通过使用Windows API(重置管理器)与Go for Windows中的内容相同 到目前为止,我的代码是 Rstrtmgr := syscall.NewLazyD
这里的问题是:“这些选择中的哪一个对于线程安全选择的剧院具有最佳性能?” public static List lockList = initializeLocks(); public boolean
我有一个侧面菜单,单击图标时打开,单击页面或单击菜单上的项目时关闭。我正在尝试实现锁定,因此当单击锁定图标时,即使您单击菜单项或页面,菜单也不会关闭。 我能够将图标从锁定图标更改为解锁图标,但我在停止
使用 TRueType 字体编写 SDL 程序。我调用 TTF_Init() 来初始化 TTF 并使用 TTF_OpenFont( name, size ) 打开我的字体。 我有一个例程,可以使用以下
我正在尝试调试基于运行 FreeRTOS 的 STM32F3 uC 的应用程序。我已在应用程序的线程上下文中的随机位置手动将 PSP 设置为无效值(例如 0),希望触发 memManageFault/
我有以下 C# 代码: 1. List bandEdgeList; 2. 3. bandEdgeList = CicApplication.BandEdgeCache.Where(r
我正在用骰子制作游戏。这个想法是持有/锁定骰子。我把骰子做成按钮,这样现在就可以点击它们了。示例:我抛出一个“6”和一个“1”。我点击“6”,所以现在只会抛出“1”。 我对这个有点迷失了,我需要创建
我正在使用以下代码下载约 200mb 的播客并将其写入文档目录: var podcastRequest = NSURLRequest(URL: audioUrl) NSURLConnection.se
下面的类 DoStuff 启动一个线程并同步以保护监听器对象在 null 时不被访问。 现在,当从外部访问 DoStuff 类函数 setOnProgressListener() 时,我遇到了问题,因
我正在编写一个使用巨大背景 Canvas 的网站。我试图锁定浏览器调整大小处理程序以避免滚动问题(背景越界等) 这是我第一次做一个完整的后台网站。任何有关优化的建议(png 大小 580.72 KB
我是 C# 和线程的新手,我有这个问题要解决: 我有一个处理一些数据的线程,它会不时(必要时)触发我在启动线程之前设置的事件方法 (DataProcessor)。该线程位于专有 dll 中。所以我不能
我正在使用相机,我使用的是文档中给出的完全相同的示例: http://developer.android.com/resources/samples/ApiDemos/src/com/example/
我有几个座位可供用户预订。同一时间,只有一个用户可以参与预订过程,这样同一个座位就不会被多个用户预订。在我的 Java 代码中,我使用了“synchronized”关键字来完成它。这行得通。 但是,现
我是一名优秀的程序员,十分优秀!