javascript – jquery onclick函数未定义
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – jquery onclick函数未定义,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1935字,纯文字阅读大概需要3分钟。
内容图文
我有一个ajax脚本,我试图从一个函数发布.我正在使用onlick href,但它不会出现未定义.这是使用wordpress.我试图在范围内外移动代码,但我似乎仍然无法让它工作.
<div id="live">
<div class="container">
<?php the_content(); ?>
<div id="comment-display">
<form method="post" action="index.php" id="comments_submit">
<input type="hidden" id="nameBox" value="<?php echo $_SESSION['name'] ?>" name="name"/>
<input type="hidden" id="emailBox" name="email" value="<?php echo $_SESSION['email']; ?>"/>
<textarea id="chatBox" placeholder="Ask a question or make a comment" name="comment" class="form-control"></textarea>
<a href="javascript:submitComment();" type="submit" id="submit" name="submit" class="btn cardh-bg text-white text-bold margin-top-5"> Submit Comment </a>
</form>
<br />
<div id="displayComments"></div>
</div>
</div>
</div>
<script type="text/javascript">
jQuery(function($) {
setInterval(function(){
$.ajax({
method: "GET",
url: "<?php echo get_template_directory_uri()?>/get_chat.php"
}).done(function(html){
$('#displayComments').html(html);
});
}, 2000);
function submitComment(){
$.ajax({
method: "POST",
url: "template-live.php",
data: {submitComment:$('#chatBox').val(),submitName:$('#nameBox').val(),submitEmail:$('#emailBox').val()}
}).done(function(html){
alert('Your comment has been submitted, and will be displayed after approval.');
$('#chatBox').val('');
});
}
});
</script>
谢谢 :)
解决方法:
当你做javascript:submitComment(),它调用一个全局函数submitComment.由于submitComment是在jQuery(function($){…})函数中定义的,因此它不是全局的.因此,window.submitComment未定义(因此undefined不是函数).
全局变量存储在window对象中.
因此,您可以将submitComment公开为全局:
window.submitComment = function () {...}
请注意,您应该尽可能避免使用全局变量.在这种情况下,您可以通过添加:
$("#submit").click(submitComment);
// In this case, you shouldn't declare submitComment as a global anymore
由于您处于表单中,因此您希望在单击a元素时停止默认浏览器行为,方法是在函数末尾使用return false.
内容总结
以上是互联网集市为您收集整理的javascript – jquery onclick函数未定义全部内容,希望文章能够帮你解决javascript – jquery onclick函数未定义所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。