PDA

View Full Version : لینک به صفحه خارجی در jquery mobile



leila.net
شنبه 15 شهریور 1393, 17:59 عصر
با سلام
دوستان من دو تا صفحه html دارم و هر کدوم از این صفحات نیز page های مخصوص خودشان .
می خوام از با کلیک بر روی لینک در یکی از page های موجود در یک صفحه html ام ، در صفحه ای رو در فایل Html دوم بتونم باز کنم . ولی خب ظاهرا همچین امکانی وجود نداره یا اگه داره من نمی دونم .
ممنون میشم در این زمینه راهنمایی کنید.



<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta charset="UTF-8 "> <link href="jquery.mobile.rtl/css/themes/default/rtl.jquery.mobile-1.4.0.css" rel="stylesheet" /> <script src="scripts/jquery-2.1.1.min.js"></script> <script src="jquery.mobile.rtl/js/rtl.jquery.mobile-1.4.0.js"></script> <meta charset="utf-8" /> <title>فایل اول - </title>

<link href="css/index.css" rel="stylesheet" /> </head><body>

<div data-role="page" data-transition="flip" data-rel="dialog" id="page1"> <div data-role="header" role="banner" class="ui-header ui-bar-inherit"> <h1 class="ui-title" role="heading" aria-level="1">تست </h1> </div> <div data-role="main"> <a data-rel="external" data-url="file2.html#page1">fil2-page1</a> <h4>page1</h4> <div data-inset="true" class="ui-content"> محتوای صفحه اول از فایل اول </div> </div> </div>

</body></html>







<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta charset="UTF-8 "> <link href="jquery.mobile.rtl/css/themes/default/rtl.jquery.mobile-1.4.0.css" rel="stylesheet" /> <script src="scripts/jquery-2.1.1.min.js"></script> <script src="jquery.mobile.rtl/js/rtl.jquery.mobile-1.4.0.js"></script> <meta charset="utf-8" /> <title>فایل دوم</title>

<link href="css/index.css" rel="stylesheet" /> </head><body>

<div data-role="page" data-transition="flip" data-rel="dialog" id="page1"> <div data-role="header" role="banner" class="ui-header ui-bar-inherit"> <h1 class="ui-title" role="heading" aria-level="1">تست </h1> </div> <div data-role="main"> <a data-rel="external" data-url="file1.html#page1">fil1-page1</a> <h4>page1</h4> <div data-inset="true" class="ui-content"> محتوای صفحه اول از فایل دوم </div> </div> </div>

</body></html>

negin51
چهارشنبه 03 شهریور 1395, 18:15 عصر
با سلام
دوستان من دو تا صفحه html دارم و هر کدوم از این صفحات نیز page های مخصوص خودشان .
می خوام از با کلیک بر روی لینک در یکی از page های موجود در یک صفحه html ام ، در صفحه ای رو در فایل Html دوم بتونم باز کنم . ولی خب ظاهرا همچین امکانی وجود نداره یا اگه داره من نمی دونم .
ممنون میشم در این زمینه راهنمایی کنید.



<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta charset="UTF-8 "> <link href="jquery.mobile.rtl/css/themes/default/rtl.jquery.mobile-1.4.0.css" rel="stylesheet" /> <script src="scripts/jquery-2.1.1.min.js"></script> <script src="jquery.mobile.rtl/js/rtl.jquery.mobile-1.4.0.js"></script> <meta charset="utf-8" /> <title>فایل اول - </title>

<link href="css/index.css" rel="stylesheet" /> </head><body>

<div data-role="page" data-transition="flip" data-rel="dialog" id="page1"> <div data-role="header" role="banner" class="ui-header ui-bar-inherit"> <h1 class="ui-title" role="heading" aria-level="1">تست </h1> </div> <div data-role="main"> <a data-rel="external" data-url="file2.html#page1">fil2-page1</a> <h4>page1</h4> <div data-inset="true" class="ui-content"> محتوای صفحه اول از فایل اول </div> </div> </div>

</body></html>







<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta charset="UTF-8 "> <link href="jquery.mobile.rtl/css/themes/default/rtl.jquery.mobile-1.4.0.css" rel="stylesheet" /> <script src="scripts/jquery-2.1.1.min.js"></script> <script src="jquery.mobile.rtl/js/rtl.jquery.mobile-1.4.0.js"></script> <meta charset="utf-8" /> <title>فایل دوم</title>

<link href="css/index.css" rel="stylesheet" /> </head><body>

<div data-role="page" data-transition="flip" data-rel="dialog" id="page1"> <div data-role="header" role="banner" class="ui-header ui-bar-inherit"> <h1 class="ui-title" role="heading" aria-level="1">تست </h1> </div> <div data-role="main"> <a data-rel="external" data-url="file1.html#page1">fil1-page1</a> <h4>page1</h4> <div data-inset="true" class="ui-content"> محتوای صفحه اول از فایل دوم </div> </div> </div>

</body></html>


دوست من لینک به صفحات وب لوکال در جی کوئری موبایل با ارور مواجه می شود مگر آنکه ای جکس را غیر فعال کنید. در تگ لینکتان کد زیر را اضافه کنید:
"data-ajax="false