5

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/

私は何か間違ったことをしていますか？

4

3 に答える 3

4

HTML5 属性 data-rel="external" が機能するか、Javascript/jQuery を使用して URL を変更します。

剣道 HTML5 の例:

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

詳細: http ://docs.kendoui.c​​om/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/

于 2013-05-08T19:14:16.017 に答える
1

Kendo Mobile の新しいバージョンをダウンロードしてみてください。同様の方法で現れるバグがありました。

于 2012-12-22T08:05:17.577 に答える