Связывание и вставка JS-файла, когда в JQuery Mobile содержится много HTML-документа

Question

Связывание и вставка JS-файла, когда в JQuery Mobile содержится много HTML-документа

0

Привет, я новичок в JQuery mobile. Мне нужно разработать мобильные приложения, которые состоят из множества экранов. В моих приложениях около 50 html. Я столкнулся с этой проблемой nw, которая связана со ссылкой на другую страницу?

Кстати говоря, мне нужно встроить cordova.js или пользовательский файл js на все страницы. Так мне нужно, чтобы встроенный java-скрипт файл на каждые 50 заголовков страниц? Занимать много времени для реструктуризации моих приложений, например

    <head>
<meta charset="utf-8">
<title>Smart Realtor</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="apple-mobile-web-app-capable" content="yes">  
<meta name="apple-mobile-web-app-status-bar-style" content="black"> 

<link rel="stylesheet" href="css/smartrealtor-theme.css" />
<link rel="stylesheet" type="text/css" href="css/snap.css" />
<link rel="stylesheet"  href="css/custom.css"> 
<link rel="stylesheet"  href="css/themes/default/jquery.mobile.structure-1.4.2.css">
<link rel="stylesheet"  href="css/themes/default/jquery.mobile.icons-1.4.2.css">
<link rel="stylesheet"  href="css/jqm-icon-pack-fa.css">
<script src="js/jquery.js"></script>
<script src="js/globalsetting.js"></script>
<script src="js/jquery.mobile-1.4.2.min.js"></script>

</head>

Был ли Jquery mobile предоставлять любую функцию, например, мне нужно включить только файл js в index.html. Тогда моя другая страница автоматически загрузит эти js файлы. Пожалуйста, направляйте мне решение и предоставите мне пример кода вместо того, чтобы предоставить мне ссылку на мобильный документ jquery. благодаря

user998405 17 апр. 2014, в 18:54

Источник

Теги:

javascript

jquery

html

cordova

jquery-mobile

1 ответ

Ещё вопросы

wgardiner · Accepted Answer · 2014-04-17T16-05-00.000Z

Ладно, просто чтобы уточнить, похоже, у вас есть две проблемы:

Добавление ссылок на все 50 файлов html
Добавление дополнительного источника javascript во все 50 файлов html

Приходят два основных подхода:

Вы можете написать сценарий или использовать программу для поиска и замены текста для всех файлов в каталоге html. Если вы хотите использовать программу, вы можете использовать ReplaceText или аналогичный инструмент. Если вы хотите использовать скрипт, вы можете записать его в любом месте, я бы, вероятно, использовал Python, эта ссылка может помочь вам написать такой скрипт. Итак, чтобы добавить навигационные ссылки и вставить дополнительный файл javascript, вы можете найти для <body> и заменить на:
<body> <nav> <a href="page1.html">link1</a> <a href="page2.html">link2</a> </nav> <script src="js/cordova.js"></script>
Другой возможной возможностью было бы добавить навигацию и динамически загружать файл javascript, используя файл javascipt, который вы уже включили во все ваши html файлы. Обратите внимание, что этот подход немного снизит производительность страницы по сравнению с непосредственным изменением html файлов (как в предыдущем подходе). Например, чтобы загрузить дополнительный источник javascript, вы можете добавить следующий код в globalsetting.js
Использование функции jQuery getScript() $( document).ready(function() { $.getScript( "js/cordova.js", function( data, textStatus, jqxhr ) { console.log( data );//Data returned console.log( textStatus );//Success console.log( jqxhr.status );//200 console.log( "Load was performed." ); }); }); Или как обычный javascript (source1, source2) var head= document.getElementsByTagName('head')[0]; var script= document.createElement('script'); script.type= 'text/javascript'; script.src= 'helper.js'; head.appendChild(script); var head= document.getElementsByTagName('head')[0]; var script= document.createElement('script'); script.type= 'text/javascript'; script.src= 'helper.js'; head.appendChild(script); Чтобы добавить навигацию, вы можете добавить следующий код jQuery в globalsetting.js: (source) $("body").append("<nav> <a href="page1.html">link1</a> <a href="page2.html">link2</a> </nav></nav>")