Response title
This is preview!
Multi page navigation breaking in JQuery Mobile 1.3
in jQuery Mobile
•
2 months ago
Hi,
I am fairly new to JQuery mobile, and I am coming onto an existing project.
My first task is upgrading from JQM 1.1.0 to 1.3.0, and JQuery 1.7.1 to 1.8.3. (We are also using Knockout JS for data binding)
I have noticed that after the upgrade, one of our existing pages, which uses multi page navigation, no longer works.
There is a UL, bound to an array of javascript objects. The link in the below snippet successfully navigates to the page defined in the "productDetail" div in 1.1.0 and 1.2.0, but it does not work in 1.3.0.
- <ul class="button-list" data-theme="c" data-content-theme="c" data-bind="foreach: {data: currentPageItems(), afterAdd: afterAddResults }">
- <li data-bind="css: {'new' : DefaultSku.IsNewProduct, discounted: DefaultSku.IsDiscounted}" class="product">
- <a href="#productDetail" data-bind="attr: { 'data-ProductId': ProductId, 'data-CategoryId': ProductCategoryId }, click: $parent.currentProduct" data-role="button" data-theme="c" data-content-theme="c" data-iconpos="right" data-icon="arrow-r">
I have noticed that if I remove the data bound click handler on the link, it then works. (Even if the click handler links to a function that does nothing it seems to break).
Are there any known issues with click handlers on links (or bound click handlers using Knockout) and multi page navigation in JQM 1.3.0?
Any help would be apreciated.
1
