我的 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 点击事件定义末尾的;。

2. 您应该使用 #someDiv 而不是 .someDiv，因为 someDiv 是 Object Id，而不是 Object 类。 Wesley 已经提到了这一点。

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

您需要将您的 jQuery 代码放入“就绪”处理程序中：

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

Answer 3

你应该使用$(this)，而不是this。

见here。