在jquery中触发点击
嗨我正在一个按钮应该触发另一个,它似乎并没有工作。 (触发代码在底部)在jquery中触发点击
<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>
有趣的是,触发似乎跳过了,它直接进入警报。我似乎无法弄清楚如何使它工作。请帮助?
你似乎缺少代码块几个分号:
$("#go").click(function() {
$("#demo_play").trigger('click')
alert('one')
})
试试这个:
$("#go").click(function() {
$("#demo_play").trigger('click');
alert('one');
});
在发布之前总是要使用js提示http://www.jshint.com/reports/600002 – sabithpocker
尽管使用分号并不依赖于JavaScript的古怪分号插入是一种非常好的做法,但似乎分号会在这种情况下正确插入。这个问题可能是别的... –
感谢格雷格,但我不认为这是问题。它仍然没有工作。 – Abs
我发现周围去除
去!使它工作!不知道如何不删除,但我可以做到这一点。 – Abs