jQWidgets Forums
jQuery UI Widgets › Forums › Lists › ListBox › having problem in touching items on ipad
This topic contains 5 replies, has 3 voices, and was last updated by Peter Stoev 12 years, 3 months ago.
-
Author
-
Hello,
I have dropdownlist in which I show items using label, value format of json. when I select item from drop down, I display no. of items in list box which i can touch on ipad.
But when I changes the drop down item second time, again it returns me no. of items to show in the listbox which unfortunately I can’t touch. It works fine on desktop but not iPad.
These process is continues alternately. like third onchange event of dropdown, I can touch items of list box but 4rth time it doesn’t allow me.
Also I have enabled debug console of ipad but doesn’t seem error.
Please suggest what’s happening?
Thanks.
Hi Neelam,
Here’s a sample which should help:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <link rel="stylesheet" href="jqx.base.css" type="text/css" /> <script type="text/javascript" src="jquery-1.7.2.min.js"></script> <script type="text/javascript" src="jqxcore.js"></script> <script type="text/javascript" src="jqxbuttons.js"></script> <script type="text/javascript" src="jqxscrollbar.js"></script> <script type="text/javascript" src="jqxlistbox.js"></script> <script type="text/javascript" src="jqxdropdownlist.js"></script></head><body> <div id='content'> <script type="text/javascript"> $(document).ready(function () { var source = [{ label: "Select", value: "" },{ label: "Hot Chocolate", value: "Chocolate Beverage" }, { label: "Peppermint Hot Chocolate", value: "Chocolate Beverage" }, { label: "Salted Caramel Hot Chocolate", value: "Chocolate Beverage" }] // Create a jqxListBox $("#indexval").jqxDropDownList({ source: source, selectedIndex:0, width: 200, height: 25 }); $("#listBoxA").jqxListBox({width: 300, height: 300}); $('#indexval').bind('change', function (event) { $.getJSON( 'ajax.php', function (data) { var source = new Array(data.length); for( var i = 0; i < data.length; i++ ) { source[i] = { label: data[i].label, value: data[i].value }; } $("#listBoxA").jqxListBox({ source: source}); }); }); }); </script> <div id='indexval'></div> <div id='listBoxA'></div> </div></body></html>
Best Regards,
Peter StoevjQWidgets Team
http://www.jqwidgets.comHello Peter,
I am having the same issue. Whenever I dynamically change the source for my jqxListBox the webpage on my ipad stops responding. It doesn’t crash just wont respond to my touches anymore. All I am doing is
$(“#list”).jqxListBox({source: [“test”]});
I should also mention that it works perfectly on my PC.
Thank you!
Hi civopos,
Which version of jQWidgets do you use?
Best Regards,
Peter StoevjQWidgets Team
http://www.jqwidgets.comI am using version 2.5.0
Hi civopos,
We are unable to reproduce the reported behavior with the latest version – jQWidgets 2.6.
Best Regards,
Peter StoevjQWidgets Team
http://www.jqwidgets.com -
AuthorPosts
You must be logged in to reply to this topic.