个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我正在构建一个使用 Cordova/PhoneGap 和 JQuery Mobile 的应用程序。
我想在应用程序中使用 JQuery，但我无法让它工作 - 即使使用简单的代码也没有任何反应。
我相信我的标题设置正确:
<script type="text/javascript" src="cordova-2.7.0.js"></script>
<script type="text/javascript" src="js/jquery.min.1.9.js"></script>
<script type="text/javascript" src="js/jquery.mobile-1.3.1.min.js"></script>
<script type="text/javascript" src="js/myscripts.js"></script>
<script type="text/javascript">
app.initialize();
</script>
当我获得 JQuery Mobile 样式标题和后退按钮等时。
但是当我尝试一些简单的事情时，例如:
document.addEventListener("deviceready", function(){
$('p').append("<strong>HEllO</strong>");
});
在 myscripts.js 文件中我什么也没得到。我需要以不同的方式触发 JQuery 吗？有人能指出我正确的方向吗？
编辑:
我找到了this其中提到将其放在 div 中。这实际上对我有用，例如
<div class="normal" data-role="page" data-title="Program">
<script type="text/javascript">
$(".normal").on('pageinit', function() {
$('p').append("<strong>HEllO</strong>");
});
</script>
但是肯定有更好的方法吗？必须有一种方法可以将这些脚本全部放在自己的外部文件中？
PS:我的 HTML 是:
<body>
<div data-role="page" data-title="Program">
<div id="programholder">
<div data-role="header">
<a href="index.html" data-role="button" data-rel="back" data-direction="reverse" data-icon="arrow-l" data-iconpos="left">Back</a>
<h1>HEADER</h1>
</div><!--HEADER-->
<div data-role="content">
<p>
Append here
</p>
</div><!--CONTENT-->
</div><!--HOLDER-->
</div><!--PAGE-->
</body>
最佳答案
要理解问题，您必须了解 jQuery Mobile 的工作原理。它使用ajax来加载其他页面。
第一页正常加载。它的 HEAD 和 BODY 被加载到 DOM 中，它们在那里等待其他内容。加载第二个页面时，仅将其 BODY 内容加载到 DOM 中。
所以如果你想为每个页面都有单独的js文件，你需要从BODY中初始化它们，因为HEAD将被丢弃。
像这样:
<body>
<script>
// Your javascript will go here
</script>
// And rest of your HTML content
</body>
同样的事情也适用于您的 LINK 和 STYLE 标记。
如果您想了解更多信息，请阅读我的另一篇文章，其中包含有关此主题的示例: Why I have to put all the script to index.html in jquery mobile
另一件事，在使用 jQuery Mobile 时，切勿使用这种初始化:
document.addEventListener("deviceready", function(){
$('p').append("<strong>HEllO</strong>");
});
您也不应该使用经典的 jQuery 文档。它们中的 Bot 通常会在页面成功加载到 DOM 之前触发。这就是 jQuery Mobile 具有页面事件的原因。您使用 pageinit 事件是正确的，但您的方式是错误的。 jQuery Mobile 页面事件应该像这样绑定(bind):
$(document).on('pageinit', ".normal",function() {
$('p').append("<strong>HEllO</strong>");
});
如果您想了解更多信息，请阅读我关于文档就绪与页面事件差异的其他答案: jQuery Mobile: document ready vs page events
关于jquery - 在 Phonegap 项目中使用普通 JQuery(使用 JQuery Mobile)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16558305/
25
4
0
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。 我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题，以便用事实和引用来回答。 关闭 5 年前。
DBMS 供应商使用 SQL 方言特性来区分他们的产品，同时声称支持 SQL 标准。 'Nuff 说。 您编写的任何 SQL 示例是否无法转换为 SQL:2008 标准 SQL？ 具体来说，我说的是
多年来，我一直在考虑这个问题，但从未成功实现过。我说的是一个快速、高效的 C 函数，它在输入中接受一个整数值(例如 16 位)，并在输出中给出完全不同的相同位大小的数字，但“考虑到”所有数字已经给出了
当标准 iPhone UI 控件变得过于平淡，并且您希望简单的记分应用程序通过颜色、动画、非标准 GUI 字体和背景壁纸等流行时。 ，为这样的事情集成游戏引擎有意义吗？ 我对 Unity3D 和 To
这是我的第一个问题，所以如果我没有正确地标记标签，我很抱歉。我尝试过...这是我的问题:我希望有人能告诉我如何为普通的表格 View 创建 2 行节标题。我遇到的问题是:1)我找不到可以模仿默认 1
所以我一直在开发一个仅使用普通 JavaScript 的“非常简单”的计算器。但我不知道为什么它现在起作用了。 这是我的 JavaScript 和 HTML 代码: (function() { "
我正在尝试编写一个函数来满足以下要求: 给定一个对象和一个键，“getElementsThatEqual10AtProperty”返回一个数组，其中包含位于给定键处等于 10 的数组的所有元素。 注释
[最终编辑:我觉得有必要做出回应，因为我从这篇文章中学到了很多东西(主要是通过你们，我花了更多的时间来理解CSS..但最后，我真的不知道如何为了使这项工作有效..除了真正破坏html的基本结构..我不
我希望能够将一个函数附加到一个元素上，该函数只有在该元素上单击指定时间后才会运行。 有几个( 1 、 2 、 3 )与在 javascript 中处理鼠标保持相关的问题；但这些问题要么使用 jQuer
我想将泛型函数保存为变量: (defvar *gf* (make-instance 'standard-generic-function) 但是在添加方法时，我必须自己定义call-next-meth
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。 我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题，以便用事实和引用来回答。 关闭 7 年前。
我有一个普通的 tableView——一个部分——当我滚动时，行出现在标题后面。像这样: 有没有简单的方法来防止这种情况？我认为它与 contentInset 有关，但这也会移动标题，这不是我想要的。
你好，我有一个ajax表单，它返回一个控制“发送”动画的脚本。然而，当淡入开始时，它会停止在 0.1 不透明度。我不确定脚本中有什么问题。任何帮助将不胜感激。 quote_form = documen
这是演示我的问题的代码笔:http://codepen.io/PiotrBerebecki/pen/yaWQwZ 目标是当用户点击时有滚动动画 顶部导航链接，以及 Back to Top 按钮在右下角
在我重新发明轮子之前，纯Java中有类似主题的并发队列吗？我有以下要求: 多个读者/消费者 多名作家/制片人 每条消息都必须由每个(活跃的)消费者消费 在每个消费者阅读一条消息后，它应该变成垃圾(即不
这个问题与 Do MySQL tables need an ID? 有一个无意义的auto_incremental ID作为一个表的PRIMARY KEY，那么我创建其他KEY时，我是否应该在KEY中
我有一个普通 UITableView 并且我想隐藏分隔符。为了隐藏它，我尝试使用以下属性: 我也在 viewDidLoad 中设置了它。 self.tableView.separatorStyle =
var vettore = document.getElementById(id_form).elements; for (var i = 0; i '+vettore_nomi_file[i]; 最
我已经构建了一个非常简单的轮播，但有一个问题。在我的轮播中，我有三张幻灯片，一个上一个按钮和一个下一个按钮。我想要的是当我单击下一个按钮并在最后一张幻灯片上转到第一张幻灯片时。此外，当我单击上一个按钮
我是 javascript 的新手，所以我需要一些帮助。 我正在尝试制作一个简单的插件(当然只是为了学习，以便更好地理解事物)，但我遇到了一些麻烦，我将不胜感激。 我的插件是基本的，我正在尝试为 sc
我是一名优秀的程序员,十分优秀！