当单选按钮被选中时，Jquery添加

Question

我不知道为什么，但希望有人可以用下面的代码来帮助我。

似乎无法获取文本追加。不知道问题出在哪里。

Answer 1

确保您在绑定单击事件之前等待DOM中的元素位于DOM中。在下文中，我使用的是短格式的$(document).ready()，这是$(function(){ /* ... */ });

$(function(){ 

    $(".static_class").on("click", function(e){ 
     $("<p>").text(function(){ 
      return $(e.target).val() === "expanded" ? "expanded" : "minified" ; 
     }).appendTo(".widget_prev"); 
    }); 

}); 

小提琴：http://jsfiddle.net/jonathansampson/drkCK/

Answer 2

将脚本放置在单选按钮/ div下方。

Answer 3

内$(document).ready({});

Answer 4

将代码包装你jquery代码中$(function(){//here}); 试试这个聪明way

<script> 
$(function(){ $(".static_class").click(function(){ 
       $(".widget_prev").append("<p>"+this.value+"</p>"); 
       }); 
}); 
     </script>