2012-12-21 30 views
5

如何使用Kendo UI Mobile 2012.3.1114打開外部鏈接。Kendo UI Mobile - 無法打開外部鏈接

<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/

我做錯什麼了嗎?

回答

1

嘗試下載更新版本的Kendo Mobile。有一個以類似的方式表現出來的錯誤。

+0

此錯誤已沒有得到解決閒談t內部構建(2012.3.1121)。 – mac

0

嘗試在您的鏈接中添加target =「_ blank」。

PS:它可以與Kendo的2012版本一起使用,但與最新的版本以及最新的PhoneGap一起使用。

4

HTML5屬性data-rel =「external」應該可以工作,或者使用Javascript/jQuery來更改網址。

劍道HTML5實例:

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

更多信息: http://docs.kendoui.com/getting-started/mobile/application#linking-to-external-pages

的Javascript/jQuery的例子:

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

例子: http://jsfiddle.net/uQmcD/4/

+0

window.location.href = $(this).attr(「href」);在iOS上無法使用。你需要使用window.open(yourUrl); – RayLoveless