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

Question

HTML5的布局代码如下：

 <p 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" />
 </p>
 <p>
      <button id="volume_show" class="volume_show"  ></button>
      <button id="micphone_show" class="micphone_show"></button>
 </p>

绑定的事件代码如下：（采用的是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;
  }
}
$(#volume_show).onClick = function()
{
  volume_ctrl();
}

布局的页面如下：

但是点击这个音量的Button仍然没有反应。请问可能是什么问题呢？谢谢

Answer 1

$('#volume_show')，把字符串的引号去掉真的好么？
还有并不知道你用的什么库，会暴露style#display这种属性，如果确定属性没错的话多半是选择器的问题

Answer 2

在segmentfault的app上編輯答案撰寫代碼真想死...

function volume_ctrl() {
    // ...
}

$(document).ready(function() {
    $("#volume_show").click = function() {
        volume_ctrl();
    }
}

我不瞭解 tiscript ，Winar 要不要試試把 onclick 改成 onClick 呢，因為我在其他地方看到 tiscript 的範例用的是 onClick，也許是這種低級錯誤也說不定...

<script type = "text/tiscript">

    $(volume_show).onClick = function() {
        volume_ctrl();
    }

</script>

建議 Winar 可以在代碼加上 script type，可以讓其他人知道你用的是 tiscript 而不是一般的 javascript

<script type = "text/tiscript">
    // ...
</script>

Answer 3

楼上正解。需要加载完DOM后，捆绑事件。

Answer 4

这代码风格真的想吐

Answer 5

$()里面的引号嘞

Answer 6

tiscript
还真没用过~