Advertisement
If you have a new account but are having problems posting or verifying your account, please email us on hello@boards.ie for help. Thanks :)
Hello all! Please ensure that you are posting a new thread or question in the appropriate forum. The Feedback forum is overwhelmed with questions that are having to be moved elsewhere. If you need help to verify your account contact hello@boards.ie
Hi there,
There is an issue with role permissions that is being worked on at the moment.
If you are having trouble with access or permissions on regional forums please post here to get access: https://www.boards.ie/discussion/2058365403/you-do-not-have-permission-for-that#latest

jquery mobile #someLink not working in android browser

  • 11-07-2013 10:57pm
    #1
    jonneymendoza
    Registered Users, Registered Users 2 Posts: 3,516 ✭✭✭


    i am creating a basic html5 jquery mobile webpage that uses 3 jquery mobile pages where users can navigate to depending on the href they click on.

    in the safari and google chrome web browser this feature works perfect i.e it will load the correct page using:
    <li>
        <h3>Type:</h3>
        <h4><a href="#itemTypeList" data-role="button" data-icon="arrow-r" data-iconpos="right">Select Type</a></h4>
      </li>
    In this case it will load #itemTypeList page that is inside the same html5 file as the above code that invoked the web request call.


    For some bizare reason this call does work on an android webview. It never displays or even attempt to display the #itemTypeList page

    here is the itemType page
    <div data-role="page" id="itemTypeList">
      <div data-role="header" data-inset="true" data-position="fixed" data-theme="b" > <a href="" onclick="history.back(-1); return false;">Back</a>
        <h1>Item type</h1>
      </div>
      <div data-role="content">
        <ul data-role="listview" data-inset="true"  data-scroll="true" id="itemtypeList">
          <li><a href="hello1.html">hello 1</a></li>
          <li><a href="hello2.html">hello 2/a></li>
        </ul>
      </div>
    </div>
    </div>

    And here is the original content page that gets displayed initially
    div data-role="page" id="mainPage">
      <div data-role="header" data-inset="true" data-position="fixed" data-theme="b" > <a href=""  onclick="history.back(-1); return false;">Back</a>
        <h1><span style="margin-left:1em">Item Detail</span></h1>
      </div>
      <div data-role="content">
        <ul data-role="listview" id="itemFieldslist" data-inset="true"  data-scroll="true" >
          <li data-role="list-divider">
            <h2>Item Detail Title</h2>
          </li>
          <li>
            <h3>Type:</h3>
            <h4><a href="#itemTypeList" data-role="button" data-icon="arrow-r" data-iconpos="right">Select Type</a></h4>
          </li>
          <li>
            <h3>Some Field</h3>
            <h4>e3e3e3e</h4>
          </li>6
        </ul>
      </div>
    </div>

    Thanks


Advertisement