Jump to content
Красава

Что не атк в моём коде? Он не работает!

Recommended Posts

<!DOCTYPE  html> 
<html  lang='ru'> 
<head> 
<meta  charset='utf-8'> 
<title>Использование библеотеки  jQuery</title>
</head> 
<body> 
<p>Текст будет окрашен в синий цвет.</p> 
<p  class='green' >Текст будет окрашен в зелёный цвет. </p> 
<div  class='green'>Так же будет окрашен в зелёный цвет.</div> 
<p  id='id'>Окравашен в красный цвет.</p> 
<p>Это будет окрашен в синий цвет.</p>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script  type="text/javascript"  src="js/js.js"></script>
</body> 
</html>

 

файл js.js

$ (function ()  { 
$ ( "p") . css ("color",  "blue"); 
$(".green") .css("color",  "green"); 
$("!lid") .css("color",  "red"); 
}) ;

 

Share this post


Link to post
Share on other sites
1 час назад, Красава сказал:

а вот когда делаю файл index.html работает, а когда файл с расширением php то нет?

Что имено не работает?

Поподробнее.

Edited by Lovly

Share this post


Link to post
Share on other sites

<!DOCTYPE  html> 
<html  lang='ru'> 
<head> 
<meta  charset='utf-8'> 
<title>Использование библеотеки  jQuery</title>
<script>
  $(document).ready(function($) {
    $ ("p") .css("color",  "blue");
    $(".green") .css("color",  "green");
    $("!lid") .css("color",  "red");
});
</script

</head> 
<body> 
<p>Текст будет окрашен в синий цвет.</p> 
<p  class='green' >Текст будет окрашен в зелёный цвет. </p> 
<div  class='green'>Так же будет окрашен в зелёный цвет.</div> 
<p  id='id'>Окравашен в красный цвет.</p> 
<p>Это будет окрашен в синий цвет.</p>

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

</body> 
</html>

 

Вот так вот сделал и всё равно не работает на файле php Вот так вот и ajax запросы у меня так же не работают друг мой Но благодарю за помощь и не пойму почему это у меня?

 

цвет не изменяется текста как и указано

 

Чтоб было еще тебе понятнее я пример этот взял из книги php 7 в подлиннике Автор Дмитрий Катеров глава 51 ajax Всё сделал по его примеру а всё равно не работает когда ставлю разренение php файла

Share this post


Link to post
Share on other sites

В кансоле есть ошибки?

1 час назад, Красава сказал:

цвет не изменяется текста как и указано

 

Share this post


Link to post
Share on other sites

 

<script>
  $(document).ready(function($) {
    $ ("p") .css("color",  "blue");
    $(".green") .css("color",  "green");
    $("!lid") .css("color",  "red");
});
</script>

 

 

 

Нужно подключать после jquery

Share this post


Link to post
Share on other sites
16 часов назад, Красава сказал:

О! Зараьботало! А если я хочу написать скрипт в отдельном файле js?

 

Создаёшь файл к примеру script.js

с содержимым:

  $(document).ready(function($) {
    $ ("p") .css("color",  "blue");
    $(".green") .css("color",  "green");
    $("!lid") .css("color",  "red");
});

Подключаешь файл script.js после библиотеки jquery.

Share this post


Link to post
Share on other sites

Смотри создал файл index.php и и подключил файл js.js 

<!DOCTYPE  html> 
<html  lang='ru'> 
<head> 
<meta  charset='utf-8'> 
<title>Использование библеотеки  jQuery</title>
<link rel="stylesheet" type="text/css" href="css/main.css">
</head> 
<body> 

<p>Текст будет окрашен в синий цвет.</p> 
<p  class='green' >Текст будет окрашен в зелёный цвет. </p> 
<div  class='green'>Так же будет окрашен в зелёный цвет.</div> 
<p  id='id'>Окравашен в красный цвет.</p> 
<p>Это будет окрашен в синий цвет.</p>

<p  id="id_text">TecT MeHяeT  ueeT.</p>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<!-- <script>
  $(document).ready(function($) {
    $ ("p") .css("color",  "blue");
    $(".green") .css("color",  "green");
    $("!lid") .css("color",  "red");
});
</script> -->
<script  type="text/javascript"  src="js/js.js"></script>

</body> 
</html>

 

ну и сам файл js.js в которолм и находится скрипт

  $(document).ready(function($) {
    $ ("p") .css("color",  "blue");
    $(".green") .css("color",  "green");
    $("!lid") .css("color",  "red");
});

 

итог Он не срабатывает То есть цвета нет описанного А вот когда я в файле index.php прописываю между jQuery и подключением файла js.js то работает

<!-- <script>
  $(document).ready(function($) {
    $ ("p") .css("color",  "blue");
    $(".green") .css("color",  "green");
    $("!lid") .css("color",  "red");
});
</script> -->

Share this post


Link to post
Share on other sites

Я понял проблему,дружище Я не правильно указал подключение папки файла и теперь он работает

<!DOCTYPE  html> 
<html  lang='ru'> 
<head> 
<meta  charset='utf-8'> 
<title>Использование библеотеки  jQuery</title>
<link rel="stylesheet" type="text/css" href="css/main.css">
</head> 
<body> 

<p>Текст будет окрашен в синий цвет.</p> 
<p  class='green' >Текст будет окрашен в зелёный цвет. </p> 
<div  class='green'>Так же будет окрашен в зелёный цвет.</div> 
<p  id='id'>Окравашен в красный цвет.</p> 
<p>Это будет окрашен в синий цвет.</p>

<p  id="id_text">TecT MeHяeT  ueeT.</p>

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

</body> 
</html>

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×