2012-12-21 22 views
5

Làm cách nào để mở các liên kết bên ngoài bằng Kendo UI Mobile 2012.3.1114.Kendo UI Mobile - Không thể mở các liên kết ngoài

<ul data-role="listview"> 
    <li><a href="tel:1-555-555-5555" data-rel="external">tel:1-555-555-5555</a></li> 
    <li><a href="mailto:[email protected]" data-rel="external">mailto:[email protected]</a></li> 
    <li><a href="geo:0,0?q=google" data-rel="external">geo:0,0?q=google</a></li> 
    <li><a href="http://google.com/" data-rel="external">http://google.com/</a></li> 
</ul> 

http://jsfiddle.net/macwebdev/uQmcD/

Am i làm gì sai?

Trả lời

1

Thử tải xuống phiên bản Kendo Mobile mới hơn. Có một lỗi tự biểu hiện theo cách tương tự.

+0

lỗi này chưa được đề cập đến trong các lates xây dựng nội bộ (2012.3.1121). – mac

0

Thử thêm target = "_ blank" vào liên kết của bạn.

PS: Nó hoạt động với phiên bản Kendo 2012, nhưng không phải với phiên bản gần đây cùng với PhoneGap mới nhất.

4

Dữ liệu thuộc tính HTML5-rel = "external" sẽ hoạt động hoặc sử dụng Javascript/jQuery để thay đổi url.

Kendo HTML5 Ví dụ:

<a href="http://kendoui.com/" data-rel="external">Visit KendoUI</a> 

More Info: http://docs.kendoui.com/getting-started/mobile/application#linking-to-external-pages

Javascript/jQuery Ví dụ:

$("body").on("click",'a[data-rel="external"]', function(e) { 
    e.preventDefault(); 
    window.open($(this).attr("href")); 
}); 

Ví dụ: http://jsfiddle.net/uQmcD/4/

+0

window.location.href = $ (this) .attr ("href"); không hoạt động trên iOS. Bạn cần sử dụng window.open (yourUrl); – RayLoveless

Các vấn đề liên quan