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.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author

  • Neelam
    Member

    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.


    Peter Stoev
    Keymaster

    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 Stoev

    jQWidgets Team
    http://www.jqwidgets.com

    having problem in touching items on ipad #12622

    civopos
    Member

    Hello 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!

    having problem in touching items on ipad #12631

    Peter Stoev
    Keymaster

    Hi civopos,

    Which version of jQWidgets do you use?

    Best Regards,
    Peter Stoev

    jQWidgets Team
    http://www.jqwidgets.com

    having problem in touching items on ipad #12659

    civopos
    Member

    I am using version 2.5.0


    Peter Stoev
    Keymaster

    Hi civopos,

    We are unable to reproduce the reported behavior with the latest version – jQWidgets 2.6.

    Best Regards,
    Peter Stoev

    jQWidgets Team
    http://www.jqwidgets.com

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.