This is this code i am using.
It just ads #http://iapp.timeplan.dk/remoteview.html to the adress
Thanks
Lars
<!DOCTYPE html>
<html>
<head>
<title>Overview</title>
<script src="../../../js/jquery.min.js"></script>
<script src="../../../js/kendo.mobile.min.js"></script>
<script src="../../content/shared/js/console.js"></script>
<link href="../../../styles/kendo.common.min.css" rel="stylesheet" />
<link href="../../../styles/kendo.mobile.all.min.css" rel="stylesheet" />
</head>
<body>
<a href="../index.html">Back</a>
<div data-role="view" data-title="Views">
<header data-role="header">
<div data-role="navbar">
<span data-role="view-title"></span>
<a data-align="right" data-role="button" class="nav-button" href="#index">Index</a>
</div>
</header>
<ul data-role="listview" data-style="inset">
<li><a href="#secondview">Local View</a></li>
</ul>
<ul data-role="listview" data-style="inset">
<li><a href="http://iapp.timeplan.dk/remoteview.html">Remote View</a></li>
</ul>
</div>
<div data-role="view" id="secondview" data-layout="mobile-view" data-title="Local View">
<p>Hello world!</p>
</div>
<div data-role="layout" data-id="mobile-view">
<header data-role="header">
<div data-role="navbar">
<a class="nav-button" data-align="left" data-role="backbutton">Back</a>
<span data-role="view-title"></span>
<a data-align="right" data-role="button" class="nav-button" href="#index">Index</a>
</div>
</header>
</div>
<script>
window.kendoMobileApplication = new kendo.mobile.Application(document.body);
</script>
</body>
</html>
1 Answer, 1 is accepted
You are experiencing this problem, because Ajax has a same origin policy and does not work cross-domain. If you insist to achieve that, you may use the Cross-Origin Resource Sharing.
Regards,
Alexander Valchev
the Telerik team