JQuery ссылающиеся проблемы с селектором типа CSS - PullRequest
0 голосов
/ 02 марта 2012

В следующем фрагменте кода я хочу щелкнуть верхнее поле для переключения цвета, но jQuery неправильно ссылается на объект.Любая помощь будет оценена.Поле помечено таблицей с id = 'tst'.Сам блок представляет собой ячейку td, которая является селектором типа селектора идентификатора 'tst' (определенного в css).JQuery как-то не относится к объекту.Смотрите код ниже.Нижнее поле только для справки ...

<html><head>

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#tst td").click(function(){
$(this).toggleClass('green');
});
});
</script>

<style type="text/css">
table#tst {border:solid 1px;}
#tst td 
{background-color: red;}

.green {background-color:green;}
</style>

</head>

<body>
<p>Click the top box to toggle color between red and green.<br> Bottom box is for    reference.</p>
<table id="tst"><tr><td width=50 height=50></td></tr></table>
<br>
<table border=1><tr><td width=50 height=50></td></tr></table>

</body>
</html>

Ответы [ 2 ]

0 голосов
/ 02 марта 2012

http://jsfiddle.net/CdeNA/ - рабочий.

0 голосов
/ 02 марта 2012

#tsd td является более специфичным селектором, чем .green.
Поэтому добавление класса green фактически не меняет цвет.

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