Question

如何使用Kendo UI Mobile 2012.3.1114打开外部链接。

<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:test@test.com" data-rel="external">mailto:test@test.com</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/

我做错了吗？

Answer 1

HTML5属性data-rel =“external”应该可以使用，或者使用Javascript / jQuery来更改URL。

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

Answer 2

尝试下载较新版本的Kendo Mobile。有一个错误以类似的方式表现出来。

Answer 3

尝试添加target =＆＃34; _blank＆＃34;到你的链接。

PS：它适用于2012版本的剑道，但不适用于最新版本以及最新的PhoneGap。

Kendo UI Mobile - 无法打开外部链接

3 个答案: