为什么为Button绑定onClick事件，但是在点击的时候仍然无效

HTML5的布局代码如下：

<div id="volume_micphone_slider" style="z-index:1">

<input id="volume_slider" class="volume_slider" type="vslider" name="p1c" max="100" value="20" buddy="p1c-buddy" />

</div>

<div>

<button id="volume_show" class="volume_show" ></button>

<button id="micphone_show" class="micphone_show"></button>

</div>

绑定的事件代码如下：（采用的是tiscript）

var volume_flag=1

function volume_ctrl()

{

if(volume_flag)

{

$(#volume_slider).style#display ="none"

volume_flag=0

}

else

{

$(#volume_slider).style#display ="inline-block"

volume_flag=1

需要把代码写在$(function(){ })中

<script type="text/javascript">

$(function(){

$("#tables").append("<tr><td id='_td"+1+"'><input name='' type='button' value='"+"张三"+"' style='border:0pxbackground:#FFFFFF' onclick ='alert(123)'/></td></tr>")

})

</script>

$(function(){ })的意思是等到所有的DOM元素可用了才执行javascript代码。楼主的代码，在还没加载#tables元素时就调用了jquery代码向一个不存在的#tables元素中添加内容，跟本找不到嘛

$(function(){ })也可以写成$(document).ready({ })

---