When I use "onclick" then first time it will not fire, the second time it fires but then my other links stop working,
I use PhoneGap/Cordova on Android
Any suggestions? Here is my code:
I use PhoneGap/Cordova on Android
Any suggestions? Here is my code:
<!DOCTYPE html><html><head> <title>TEST</title> <script src="cordova-2.2.0.js"></script> <script src="js/jquery.min.js"></script> <script src="js/kendo.mobile.min.js"></script> <link href="css/kendo.common.min.css" rel="stylesheet" /> <link href="css/kendo.mobile.all.min.css" rel="stylesheet" /></head><body> <div id="div1" data-role="view" data-title="Hello World"> <h2>Hello App</h2> <ul data-role="listview" data-style="inset" data-type="group"> <li>Please select: <ul> <li data-icon="play"><a href="Page1.html">Page 1</a></li> <li data-icon="play"><a href="#" onclick="test1();">Test</a></li> </ul> </li> </ul></div> <script> window.kendoMobileApplication = new kendo.mobile.Application(document.body); function test1() { alert('hello there...'); } </script> </body></html>2 Answers, 1 is accepted
0
Kennet
Top achievements
Rank 2
Rank 2
answered on 28 Nov 2012, 04:21 PM
OK so I got it working with data-click, but only on a button not an listview
This works
This don't...
This works
<a class="button" data-role="button" data-click="test1">Test 1</a><ul> <li><a data-click="test1">Test 1</a></li> <li><a data-click="test2">Test 2</a></li> <li><a href="#:back">Menu</a></li></ul><script> function test1() { alert('test1...'); } function test2() { alert('test2...'); }</script>0
Hello Kennet,
Petyo
the Telerik team
The recommended approach in this case would be to use the listview click event to handle clicks of items in listview.
All the best,Petyo
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!