jQuery Mobile "pagebeforechange" được gọi là hai lần

Question

Tôi đã nghe sau thiết lập cho "pagebeforechange" (rất giống với mã riêng Tài liệu của jQuery Mobile) và một liên kết trên trang chủ được gọi http://localhost/#product?id=255979

//Bind Listener for Product Details 
$(document).bind("pagebeforechange", function(e, data) { 
    //Only Run If Site is Initialized 
    if(ajaxSite.options.initialized) { 
     if (typeof data.toPage === "string") { 
      var u = $.mobile.path.parseUrl(data.toPage), 
       pl = /^#product/; 

      if (u.hash.search(pl) !== -1) { 
       console.log("showProduct being called."); 
       ajaxSite.showProduct(u, data.options); 
       e.preventDefault(); 
      } 
     } 
    } 
}); 

Khi tôi mở ra bảng điều khiển JavaScript và nhấp vào liên kết tôi thấy như sau:

showProduct being called. 
showProduct being called. 

tôi dường như không thể tìm thấy bất cứ điều gì về việc tại sao nó sẽ được nhận được gọi là hai lần. Tôi đã thấy các lỗi khác, nơi vclicks được đăng ký hai lần do nhấp chuột cạnh, nhưng điều này không có ý nghĩa gì vì nó phụ thuộc vào thay đổi trang thực tế.

Answer 1

Vì bạn đang liên kết với các $ (document) và sử dụng một cách bố trí nhiều trang

• http://jquerymobile.com/demos/1.0/docs/pages/index.html

Tôi nghĩ jQM đang tải các tài liệu nhiều lần (Chỉ cần một linh cảm)

Chuyển sang sử dụng pageid thay vào đó, ví dụ:

$(document).bind("pagebeforechange", function(e, data) { ... 

để

$('#pageId').bind("pagebeforechange", function(e, data) { ... 

Answer 2

lẽ muộn một chút, nhưng đây là suy đoán có học vấn của tôi:

Bất kỳ sự kiện pagechange gây nên hai hiệu ứng chuyển tiếp, một "chuyển tiếp" (pagechange) và một "lạc hậu" (hashchange). Nếu bạn tiếp tục, hashChange bị chặn, nếu bạn lạc hậu, nó sẽ là một cách khác.

Xem mã nguồn jqm và kiểm tra thuộc tính ignoreNextHashChange.

Điều này có trách nhiệm chặn hashChange khi chuyển tiếp chuyển tiếp, nếu không bạn sẽ chuyển qua lại.

Tôi đoán chức năng của bạn đang kích hoạt hai lần vì cả hai sự kiện đều được kích hoạt từ bên trong changePage và hashChange.

Nếu đúng như vậy, JQM sẽ phải chặn hàm băm trước hashChange trước khi kích hoạt sự kiện này.

Answer 3

Nó được gọi hai lần theo thiết kế. http://api.jquerymobile.com/pagebeforechange/

nếu data.toPage được đặt thành chuỗi, sự kiện cho biết rằng điều hướng sắp bắt đầu.

nếu data.toPage được đặt thành đối tượng jQuery, sự kiện cho biết rằng trang đích đã được tải.

Answer 4

Nếu bạn đọc tài liệu di động jquery https://api.jquerymobile.com/pagebeforechange/, nó cho biết nó được gọi hai lần, sau khi data.toPage là url đến trang mới, dữ liệu thời gian thứ hai.toPage là đối tượng jquery của trang mới.