Мой Jquery ничего не "выбрасывает"

Question

У меня есть код здесь:

<script type="text/javascript" src="<?=base_url()?>lib/jquery-1.6.2.min.js"></script>
<script type="text/javascript">
$('.hover-star').click(function (){
    $('.someDiv').text(this.val());
})
</script>



                <input name="neat" type="radio" class="hover-star" value="1" title="Poor"/>
                <input name="neat" type="radio" class="hover-star" value="2" title="Fair"/>
                <input name="neat" type="radio" class="hover-star" value="3" title="Satisfactory"/>
                <input name="neat" type="radio" class="hover-star" value="4" title="Outstanding"/>

                <div id="someDiv">aray</div>  

Моя проблема в том, что он ничего не выбрасывает! Я действительно в углу здесь. В jsfiddle.net это работает. То, что я хочу, когда мой переключатель нажал, он покажет свое значение или название.

Answer 1

Я вижу в вашем коде четыре вещи:

1. Не забывайте ; в конце определения события jquery click.

2. Вы должны использовать #someDiv вместо .someDiv, поскольку someDiv - это Object Id, а не класс Object.Это уже упоминалось Уэсли.

3. Вы не можете использовать this.val(), поскольку val() не является встроенной функцией javascript.Возможно, вы захотите использовать $(this).val(), который оборачивает объект javascript в jQuery.

4. Вам необходимо использовать $(function() { /* your code */ });, поскольку ваша функция javascript определена до того, как будет создан ваш HTML-объект.Это ярлык для
   $(document).ready(function () { /* your code */ });

Это будет:

<script type="text/javascript">
$(function() {
  $('.hover-star').click(function (){
    $('#someDiv').text($(this).val());
  });
});
</script>

Answer 2

Вы должны использовать $(this), а не this.

См. здесь .

Answer 3

Вы должны поместить свой код jQuery в обработчик «ready»:

$(document).ready(function() {
    // put your jQuery code here.
});