<h2> цвет фона не меняется с Jquery? - PullRequest
Новая
       8

<h2> цвет фона не меняется с Jquery?

0 голосов
/ 18 марта 2009

У меня есть элемент h2 с идентификатором заголовка, и у меня есть следующий скрипт: 

<script type="text/javascript">
$(document).ready(function(){

   $("#title").css("background-color","red");   

)};
</script>

Цвет фона не меняется, и я не могу понять, почему? 

<html>
<head>
<title>Table Sorter</title>
<script type="text/javascript" src="/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="/js/jquery.tablsorter.min.js"></script>

<script type="text/javascript">
$(document).ready(function(){

$("#title").css("background-color","red");  

)};
</script>
</head>

<body>
<h2 id="title">Table Sorter</h2>
</body>
</html>

<script type="text/javascript">
$(document).ready(function()
{
    $("#title").css("background-color","red");
    $("#myTable").tablesorter();
}
);
</script>

Ответы [ 6 ]

6 голосов
/ 18 марта 2009

Заменить 

<link type="text/javascript" src="/js/jquery-1.3.2.min.js"/>

с 

<script type="text/javascript" src="/js/jquery-1.3.2.min.js"></script>

У вас также есть синтаксическая ошибка в вашей функции jQuery в заключительных скобках. Они должны быть 

$(document).ready(function(){
  $("#title").css("background-color","red");
});

Если это все еще не решит вашу проблему, тогда поместите предупреждение там, как это ... 

$(document).ready(function(){
  alert("Howdy!");
});

Если вы не видите предупреждающее сообщение, значит, ваш скрипт jQuery не загружен, что означает неверный относительный путь в атрибуте SRC.

2 голосов
/ 18 марта 2009

Кажется, вы сделали еще одну опечатку: 

<title>Table Sorter</table>
                     ^^^^^

Заменить table на title: 

<title>Table Sorter</title>
1 голос
/ 18 марта 2009

Вот, пожалуйста. Другие люди указали на некоторые небольшие проблемы, которые у вас были, например, использование тега ссылки, где вам нужен тег сценария, и т. Д. Этот код работает для меня: 

<html>
  <head>
    <title>Table Sorter</title>
    <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
    <script type="text/javascript">
      $(document).ready(function(){
        $("#title").css("background-color","red");
      });
    </script>
  </head>
  <body>
    <h2 id="title">Table Sorter</h2>
  </body>
</html>

Похоже, что в вашем коде в конце раздела $ (document) .ready, где вы находились), была опечатка)}; вместо });. Если вы используете Firefox, вы можете открыть консоль ошибок и просмотреть любые ошибки или предупреждения Javascript.

1 голос
/ 18 марта 2009

Заменить 

<link type="text/javascript" src="/js/jquery-1.3.2.min.js"/>

с 

<script type="text/javascript" src="/js/jquery-1.3.2.min.js"/>
1 голос
/ 18 марта 2009

Можете ли вы заставить его работать без jQuery? Попробуйте: 

document.getElementById("title").style.backgroundColor = "#F00";

вместо вашего текущего скрипта. Если это не работает, убедитесь, что у вас правильно сформированный HTML.

ОБНОВЛЕНИЕ: теперь, когда вы разместили свой HTML, я вижу, что вам нужно использовать тег сценария вместо тега ссылки для импорта jQuery

0 голосов
/ 18 марта 2009

Хорошо, я понял это, и я не знаю, почему это происходит. Ниже тега сценария JQuery у меня был другой тег сценария: 

<script type="text/javascript" src="/js/jquery.tablsorter.min.js"/>

Когда я убрал вышеупомянутое, это сработало. Но я не знаю почему?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...