2014-10-15 2 views
-2

Мой вопрос может быть очень простым для большинства людей здесь. Но я очень новичок в jQuery, и у меня возникают трудности с повторяемостью.Несколько плагинов jQuery на нескольких страницах

У меня есть собственный скрипт на странице с большим количеством текста, который позволяет свернуть этот текст. Этот скрипт находится в jQuery. Страница находится в php. У меня есть несколько страниц, подобных этому. Я считаю себя того, чтобы разместить код для документов сценария на каждой странице, как это:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
<script type="text/javascript" src="javascripts/readmore.min.js"></script> 
<script src="javascripts/main_func.js"></script> 

Есть ли способ, что я могу поместить его только на файл index.php и вызовите функцию скрипта, которая:

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $('.article').readmore({maxHeight: 640}); 
    }); 
</script> 
+1

Вы могли бы рассмотреть возможность использования [включая] (http://php.net/manual/es/function.include.php) РНР – manix

+0

Do у вас есть три строки сценария в теге ''? – Rasclatt

+0

Если вы знаете, что JavaScript - это код на стороне клиента, то вы будете знать, что вам нужно делать. Да, JavaScript необходимо загружать каждый раз, когда страница загружается. Существует много способов, которыми вы можете построить это, без необходимости вручную вводить один и тот же код несколько раз. Google: «php include», который является чем-то специфичным для вашего серверного языка. – Sparky

ответ

0

Я не уверен, как страница загружается, но это то, что вы должны сделать, по существу:

index.php

<?php 
require('header.php'); 
require('content.php'); 
require('footer.php'); 
?> 

header.php

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US" > 
<head> 
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" /> 
<meta name="viewport" content="width=device-width"> 
<title>Page Title</title> 
<link rel="stylesheet" href="/css/default.css" /> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
<script type="text/javascript" src="javascripts/readmore.min.js"></script> 
<script src="javascripts/main_func.js"></script> 
</head> 
<body> 

content.php

<div id="content"> 
<!-- Do display code here --> 
</div> 

footer.php

<div id="footer">Footer Content</div> 
</body> 
</html> 

Если у вас есть новая страница, она будет выглядеть примерно так:

newpage.php

<?php 
// Keep same header 
require('header.php'); 
// New content page 
require('newcontent.php'); 
// Same footer 
require('footer.php'); 
?> 
Смежные вопросы