问题标签 [jquery-mobile-listview]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1667 浏览

javascript - 如何在一个 data-role="page" 中检测对特定列表视图项的点击并在另一个上显示相应的数据

社区,

我正在尝试使用静态 jquery-mobile 应用程序。它的作用是在其上有一个很大的静态列表<div data-role="page" id="page1">

每当单击/点击一个项目时,必须<div data-role="page" id="page2">使用 switch-case 决策在固定占位符中显示一些相应的详细信息,<img>例如统一的标签的变量 SRC 详细信息。

我的困惑是,我该如何实现这一目标?jQuery的选择器是否#id可以实现这一特定目标?如果是,那么我该如何进行?什么应该是帮助我检测和显示列表项的相应详细信息的片段。请稍加指导

我的列表结构:

如果我在某个地方错了,请纠正我谢谢

0 投票
1 回答
499 浏览

jquery - 使用 jQuery Mobile 添加拆分按钮 Listview

我有一个小功能,它接受输入文本并将其附加到列表视图,它还添加了一个“删除”按钮,当按下它时,它会从列表中删除元素。请在此处找到一个工作示例请在http://jsfiddle.net/4h857/

我一直在尝试修改此删除功能以节省一些空间并通过附加带有拆分按钮的列表(带有“删除”图标)使其看起来“更好”。希望在网上搜索时发现的这个小提琴中得到类似的东西http://jsfiddle.net/ffabreti/Q4SCt/1/时发现的这个小提琴中得到类似的东西。

现在我没有对我的小提琴进行任何更改,因为无论我进行什么更改都会弄乱 UI。

这是我小提琴上的脚本:

我试过<button>Delete</button>改成<a href="#">gear</a>这样,但这不会给我预期的结果。

我相信我在做一些非常愚蠢的事情,但经过数小时的研究,我找不到一个例子或什么能给我一个想法的东西,所以我可以绕过它并解决它。

我将不胜感激任何建议,请坦白我的无知,因为我仍然是 jQuery/Mobile 新手。

0 投票
2 回答
2066 浏览

javascript - 从 localStorage 中删除动态显示在
  • 我有一个应用程序读取存储在 localStorage 中的项目,并在<li />页面“加载”时显示它。

    listview 包含一个拆分按钮,当按下它时,它会从列表中删除相关项目;这是我的目标的一部分,在互联网上环顾四周,我试图找到一种方法,所以这个“删除/删除”功能<li />也从 localStorage 中删除了选定的项目,但由于某种原因,我的脚本如下删除随机项目。

    我相信这与key错误有关,但我无法想办法让脚本从所选项目中获取正确的密钥。或者,如果有一种方法可以通过单独获取值来删除该项目?(怀疑它,因为我发现只能通过操纵钥匙来完成)。

    请任何建议将不胜感激。

    0 投票
    1 回答
    351 浏览

    jquery - 阻止 jQuery 替换 localStorage 中已存在的键和值

    我的应用程序按预期工作,直到我添加了存储在 localStorage 中的项目的“DELETE”方法。

    我有这个带有字符串的 HTML 代码:

    当按下“添加”按钮时,将调用以下脚本:

    这个脚本工作正常,它基本上检查存储长度并根据存储大小生成键,然后将textfield内容添加到值中并存储它。

    保存的项目然后由另一个脚本显示在一个listviewwith中。id="medList"(我不会添加脚本以节省空间,但如果需要,请发表评论,我会添加它)。

    以下脚本负责从listview和中删除项目localStorage

    它获取存储在 上的“密钥”listview并相应地删除它。

    现在我的问题依赖于从键中删除的项目localStorage变得不一致并且当$('#manuallyAdd').click(function ()再次调用时,它将计算所有内容,如果已经存在类似的键,它将替换它(可悲的是我不需要它)。

    让我解释一个例子:

    我存储了以下内容:

    在上面的 listview 上Medicine2被删除,只留下Medicine1and Medicine3

    当我尝试添加另一种“药物”时,我希望会Key = Medicine4 - Value = New Medicine出现,但它会存储在Medicine3摆脱旧值并存储新值的过程中。

    我相信这是由于if statement我已经准备好了,而且我似乎没有找到或解决一种不同的方法来为我提供正确的解决方案。

    我尝试添加一条语句来检查密钥是否已经存在并提供不同的密钥,但这仅在另一个项目从列表中删除之前有效。

    任何指针或想法将不胜感激。

    抱歉,问题很长,但我尽力解释。如果还有什么不清楚的,请告诉我。

    0 投票
    1 回答
    1858 浏览

    jquery-mobile-listview - 如何在jquery mobile listview中删除和添加项目

    我正在学习您使用 Jquery Mobile,并且我一直在组合几个代码以便使用 listview 创建一个列表,我可以从列表中删除和项目或修改所选项目在列表中的位置。

    首先,我使用 jquery 移动帮助中的删除示例,并在页脚中添加一个用于测试目的的额外按钮,以便将一个虚拟项目添加到列表中。到目前为止,它部分工作。如果我不单击以前的预定义列表删除项,我的添加功能将不起作用。但是,如果我先单击删除图标,然后单击我的添加按钮,则此操作有效,但是新项目删除按钮未启用删除按钮单击事件。你们中的任何人都可以有一个想法或建议我如何解决这个问题。提前感谢,这里是代码:

    0 投票
    1 回答
    648 浏览

    jquery-mobile - jQuery Mobile 中带有复选框、图像和按钮的自定义列表视图

    我正在动态地在 jQuery Mobile 中的 Listview 中工作。我不能做这个设计。

    在此处输入图像描述

    代码:

    这是我到目前为止所做的代码的jsfiddle 。

    0 投票
    2 回答
    1114 浏览

    ios - 视网膜 iPad 模拟器上的 Phonegap 屏幕被切断

    在此处输入图像描述我有一个使用 jQueryMobile 1.3.2 和 Phonegap 3.1(带有状态栏插件)的 Phonegap 应用程序。一切正常,但iPad Retina 模拟器(iOS 7)显示我的屏幕在屏幕右侧被截断(iPhone Retina 很好,所有 Android 布局也是如此)。

    我在用着:

    ...并尝试使用EnableViewportScale true/false - 而除了 Retina 64bit 之外它没有任何效果 - 其中一个true将完全扭曲视图(我只看到一个绿色/白色块),并且:

    在我的 html 页面中。我已经阅读了一些问题,即 iOS 在“成为视网膜”时会返回不同的分辨率值,但从未发现任何关于修复与 phonegap 相关的问题。

    奇怪的是,当我将 set eg width=400 放在视口元标记中时,没有任何变化……再次,独立于 EnableViewportScale 设置。

    在此先感谢您提供任何线索...

    0 投票
    1 回答
    1276 浏览

    android - 使用 iframe 在列表视图中显示视频列表

    我有以下代码,我计划在 listview 中显示视频列表(假设视频列表或 src 标签的值来自 JSON)

    我正在使用以下 js 和 css 组合

    当我在浏览器中呈现此页面时,我只能看到第一个 iframe 标记,而不能看到所有其他标记。此外,当我使用 chrome 调试器检查 DOM 中加载了哪些所有内容时,我只能看到 1 个 iframe 元素。

    除了 iframe 之外,还有没有更好的方法来显示视频列表?

    0 投票
    2 回答
    268 浏览

    javascript - 可以检查 Listview (jQuery Mobile) 是否包含 Collapsible?

    collapsibles我在一个listview元素中有一个随机数。我想知道的是,在进入下一页之前,是否有一种“知道”其中是否listview有任何内容的方法。collapsibles

    这个小提琴几乎代表了我到目前为止所拥有的。

    我想要某种客户端验证,在继续之前检查“用户”是否已将“药物”添加到列表中(以可折叠的形式)。

    我试过玩这段代码:

    但似乎不知道如何正确处理解决方案。

    也许我正在以错误的方式解决这个问题,任何建议将不胜感激。

    0 投票
    0 回答
    2298 浏览

    android - JqueryMobile listview滚动条未显示在Phonegap中

    我正在使用带有 Phonegap 的 JqueryMobile 开发一个 android 应用程序。我创建了一个包含无序列表的页面。

    我正在使用 AJAX 在无序列表中动态加载列表项(如延迟加载)。

    在 android 设备中进行测试时,我希望默认情况下滚动条会出现在列表视图中。但它不会到来。有什么遗漏吗?