为什么我的代码可以在chrome上工作,而不是一次使用cordova编译
why my code does work on chrome and not once compile using cordova
我正在使用cordova/eclipse/kendo-ui进行一个项目,我正在经历一个奇怪的行为。。。
我开发了一个测试样本给你看。。
当我尝试在googlechrome上运行这个示例时,它确实有效,但一旦在我的手机上编译并运行(顺便说一句,这是一个nexus4,即使我认为这并不重要…),它就不起作用了。。。
在这个例子中,我们有一些简单的东西,一个有三个项目的菜单和一个视图,根据你点击的按钮不同。
在谷歌chrome上,它是有效的,我的意思是,当我点击第一个按钮时,它会显示"第一个",第二个也一样,以此类推。。
当我用eclipse编译项目并在手机上运行时,无论我点击了什么按钮,消息都是一样的。。
这是我的代码示例:
html:
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<link href="styles/kendo.common.min.css" rel="stylesheet" />
<link href="styles/kendo.default.min.css" rel="stylesheet" />
<link href="styles/kendo.mobile.all.min.css" rel="stylesheet" />
<link href="styles/index.css" rel="stylesheet" />
<!-- Librairies -->
<script src="lib/jquery.min.js"></script>
<script src="lib/kendo.all.min.js"></script>
<!-- Fonction d'init -->
<script src="init/cordovaInit.js"></script>
<!-- Controleurs -->
<script src="controlers/panelControler.js"></script>
<!-- EndScript -->
</head>
<body onload="onBodyLoad()">
<div data-role="view" id="drawer-home" data-layout="drawer-layout" data-title="search">
<div id="search">
<div id="first">
<p>first</p>
</div>
<div id="second">
<p>second</p>
</div>
<div id="third">
<p>third</p>
</div>
</div>
</div>
<div data-role="drawer" id="my-drawer" style="width: 270px" data-views="['/', 'drawer-home']">
<ul data-role="listview" data-type="group">
<li>Menu
<ul>
<li><a href="#drawer-home" onClick="panelControler('first')">First</a></li>
<li><a href="#drawer-home" onClick="panelControler('second')">Second</a></li>
<li><a href="#drawer-home" onClick="panelControler('third')">Third</a></li>
</li>
</ul>
</div>
<div data-role="layout" data-id="drawer-layout" data-layout="overview-layout">
<header data-role="header">
<div data-role="navbar">
<a data-role="button" data-rel="drawer" href="#my-drawer" data-icon="drawer-button" data-align="left"></a>
<span>Test</span>
</div>
</header>
</div>
<script>
var app = new kendo.mobile.Application(document.body);
panelControler('first');
</script>
</body>
</html>
下面是我用来测试的非常简单的javascript:
function panelControler(action){
alert("panelControler");
if (action === 'first'){
alert("first show");
$("#first").show();
$("#second").hide();
$("#third").hide();
}
else if (action === 'second'){
alert("second show");
$("#second").show();
$("#first").hide();
$("#third").hide();
}
else if (action === 'third'){
alert("third show");
$("#third").show();
$("#second").hide();
$("#first").hide();
}
}
查看Kendo UI Mobile常见问题解答中的第二个问答对。
相关文章:
- Javascript返回值只在循环中返回一次
- Jquery FadeIn FadeOut 只工作一次
- Javascript html每点击一次就会更改url
- 如何在chrome扩展中存储数据/结果,以及如何使用setTimeout使其只被调用一次
- Rails操作只调用一次,但我在ajax中每秒钟都调用一次
- jQuery滚动功能只工作一次
- 刷新导致我的帖子“;张贴“;再一次
- 引导程序崩溃一次只能看到一个
- 有没有一个抽象层,这样我就可以集成一次,然后使用pusher、pubnub或faye
- 加载器组件仅加载一次
- 根据Angular.JS上一次的内容禁用选择
- 一次又一次地在新的和相同的选项卡中打开一个url
- 只在宽度以下和宽度以上各准备一次
- 如果30秒未单击,请应用CSS一次,将其删除,然后重新迭代
- Angularjs:空对象,当只有一次点击时
- 在Angular应用程序中每个帖子投票一次
- 为什么我的代码可以在chrome上工作,而不是一次使用cordova编译
- 翡翠模板只需要编译一次
- 像Rhino一样,对多个作用域编译一次
- 当model '编译后不能覆盖' User '模型;& # 39;编译一次(或者我已经监督了一些东西)