なぜボタンの私のonClick（）メソッドは役に立ちませんか？ここ

Question

は（sciter枠組みに）私のHTMLレイアウトの一部です：

ここ

<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 を使用）ボタンの私のonClick（）メソッドです：

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(); 
} 

しかし、このメソッドは有用ではありません。私の問題を理解するのを手伝ってください。ありがとう。あなたのコード内

Answer 1

複数の問題インライン

var volume_flag=1; 
function volume_ctrl() 
{ 
    if(volume_flag) 
    {      
     $("#volume_slider").style.display ="none"; //selector in quotes and . before style 
    volume_flag=0; 
    } 
    else 
    { 
     $("#volume_slider").style.display ="inline-block"; 
     volume_flag=1; 
    } 
} 
$("#volume_show").onclick = function() //small c instead of C in onclick 
{ 
    volume_ctrl(); 
} 

Answer 2

こんにちは親愛なるを説明するように、それは私が純粋なJavaScriptや純粋なjQueryのを使用してのいずれかをお勧めします純粋なJavaScriptコード

 var volume_flag = 1; 
     function volume_ctrl() { 
      if (volume_flag) { 
       document.getElementById('volume_slider').style.display = "none"; 
       volume_flag = 0; 
      } else { 
       document.getElementById('volume_slider').style.display = "inline-block"; 
       volume_flag = 1; 
      } 
     } 


     document.getElementById('volume_show').addEventListener("click", function() { 
      volume_ctrl(); 
     })