在jquery中触发点击

Question

嗨我正在一个按钮应该触发另一个，它似乎并没有工作。 （触发代码在底部）

<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script> 
<script type="text/javascript" src="google-tts.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
    if (!window.GoogleTTS) { 
     $("#error").text("Sorry, the google-tts script couldn't be loaded."); 
     return; 
    } else { 
     var HTML = '\ 
     <div> \ 
      <label for="demo_language">Language:</label> \ 
      <select id="demo_language"> \ 
       <option value="" disabled="disabled">(Select language)</option> \ 
      </select> \ 
     </div> \ 
     <div> \ 
      <label for="demo_text">Text:</label> \ 
      <input type="text" size="30" id="demo_text" value=""> \ 
     </div> \ 
     <button id="demo_play">Play!</button> \ 
     <div id="testbutton">\ 
     <form id="target" method = "post">\ 
     <button id="go">Go!</button>\ 
     </form>\ 
     </div>\ 
     '; 
     $("#tts_demo").html(HTML); 
    } 

    var googleTts = new window.GoogleTTS(); 

    // setup language options 
    $.each(googleTts.languages(), function(key, value) { 
     $('#demo_language').append('<option value="' + key + '">' + value + '</option>'); 
    }); 

    // play 
    $("#demo_play").click(function() { 
     googleTts.play($("#demo_text").val(), $("#demo_language").val(), function(err) { 
      if (err) { 
       alert(err.toString()); 
      } 
     }); 
    }); 

    // defaults 
    $("#demo_language").val('zh-CN'); 
    $("#demo_text").val('中文'); 



       $("#go").click(function() { 
        $("#demo_play").trigger('click') 
        alert('one') 
       }) 
}); 
</script> 

有趣的是，触发似乎跳过了，它直接进入警报。我似乎无法弄清楚如何使它工作。请帮助？

Answer 1

你似乎缺少代码块几个分号：

  $("#go").click(function() { 
       $("#demo_play").trigger('click') 
       alert('one') 
      }) 

试试这个：

  $("#go").click(function() { 
       $("#demo_play").trigger('click'); 
       alert('one'); 
      });