Jquery 单击事件不';不要在TizenEvent上工作
我刚开始使用TizenWeb为三星Gear S3开发一个应用程序,但我遇到了几个问题。我现在面临的问题很奇怪在下面的代码中,listview中显示了两个项目,所以每当我尝试单击列表视图中的项目时,Emulator中不会触发单击,但是,它在浏览器中工作正常。我不确定我在这里做什么 下面是一段javascript代码片段,每次单击该项时都会触发Jquery 单击事件不';不要在TizenEvent上工作,jquery,tizen,tizen-wearable-sdk,tizen-web-app,tizen-emulator,Jquery,Tizen,Tizen Wearable Sdk,Tizen Web App,Tizen Emulator,我刚开始使用TizenWeb为三星Gear S3开发一个应用程序,但我遇到了几个问题。我现在面临的问题很奇怪在下面的代码中,listview中显示了两个项目,所以每当我尝试单击列表视图中的项目时,Emulator中不会触发单击,但是,它在浏览器中工作正常。我不确定我在这里做什么 下面是一段javascript代码片段,每次单击该项时都会触发 <script type="text/javascript"> $('#dynamicList li').click(funct
<script type="text/javascript">
$('#dynamicList li').click(function(){
//console.log($(this).attr('data-value'));
alert($(this).attr('data-value')); // this will alert data-value value.
});
</script>
$('#dynamicList li')。单击(函数(){
//log($(this.attr('data-value'));
警报($(this.attr('data-value'));//这将警报数据值。
});
完整的代码片段
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width,user-scalable=no">
<title>Macy's MyStore app</title>
<link rel="stylesheet" href="lib/tau/wearable/theme/default/tau.min.css">
<link rel="stylesheet" media="all and (-tizen-geometric-shape: circle)" href="lib/tau/wearable/theme/default/tau.circle.min.css">
<!-- load theme file for your application -->
<link rel="stylesheet" href="css/style.css">
<script type="text/javascript" src="lib/tau/wearable/js/tau.min.js"></script>
<script src="app.js"></script>
<script src="lowBatteryCheck.js"></script>
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/orderProcesing.js" type="text/javascript"></script>
</head>
<script type="text/javascript">
$('#dynamicList li').click(function(){
//console.log($(this).attr('data-value'));
alert($(this).attr('data-value')); // this will alert data-value value.
});
</script>
<body>
<div class="ui-page ui-page-active" id="main">
<header class="ui-header">
<h3 class="ui-title">Open Fulfillment Order</h3>
</header>
<div class="ui-content" id="ordersWidget">
<ul class="ui-listview" id="dynamicList">
<li>
<a href="#" data-value="S">1line</a>
</li>
<li>
<a href="#" data-value="M">2line</a>
</li>
<li>
<a href="#" data-value="L">3line</a>
</li>
<li>
<a href="#" data-value="S1">4line</a>
</li>
<li>
<a href="#" data-value="S2">5line</a>
</li>
</ul>
</div>
<footer class="ui-footer ui-bottom-button">
<a href="#" class="ui-btn">Logo</a>
</footer>
</div>
</body>
</html>
梅西的MyStore应用程序
$('#dynamicList li')。单击(函数(){
//log($(this.attr('data-value'));
警报($(this.attr('data-value'));//这将警报数据值。
});
未结履行订单
-
-
-
-
-
有什么好主意吗?你不需要等到页面加载完成后才使用javascript,所以
//Adds click handler to #dynamicList li that are currently in the dom.
$('#dynamicList li').click(function(){
//console.log($(this).attr('data-value'));
alert($(this).attr('data-value')); // this will alert data-value value.
});
在加载dom之前已执行。因此,dom中此代码下面的项中没有一个将具有此单击处理程序
您应该将代码封装在文档就绪回调中:
$( document ).ready(function() { //dom is now loaded in.
$('#dynamicList li').click(function(){
//console.log($(this).attr('data-value'));
alert($(this).attr('data-value')); // this will alert data-value value.
});
});