内联onclick函数(this)不调用jQuery方法
inline onclick function(this) not calling jQuery methods
我在处理onclick事件时遇到了麻烦。我的HTML:
<div>
<button onclick="sound(this)">Listen</button>
<audio class="audio" src="example.mp3"></audio>
</div>
我的JS(jQuery):
function sound(element){
$audio = element.siblings('.audio').first();
$audio.trigger('play');
}
问题是音频文件没有播放。我还做了一些测试。
function sound(element){
alert(element.tagName); -> it worked
alert(element.parent().tagName); -> not worked and so on with siblings() or next()
一定出了什么问题。请帮帮我。非常感谢。
而不是
function sound(element){
$audio = element.siblings('.audio').first();
$audio.trigger('play');
}
试试这个
function sound(element){
$audio = $(element).siblings('.audio').first(); //here 'element' is just a DOM element you have to wrap 'element' in jquery wrapper.
$audio.trigger('play');
}
相关文章:
- 如何在视图模型contet更新更新上调用Jquery函数
- 如何在 html 页面中调用 jquery
- 仅在小型设备上调用jQuery函数
- 未调用jquery异步函数
- 有没有一种方法可以用步骤递归调用jQuery animate()
- 调用JQuery弹出关闭按钮上的JS'X'
- 在条件内部调用JQuery函数
- ajax外部url加载完成后调用jquery函数
- 如何在几个jQuery对象上调用jQuery函数
- 在发布后调用jQuery Get
- 如何从ajax调用JQuery返回数据
- 从 document.ready 调用 jQuery 插件抛出 getPreventDefault 错误
- 从上下文中调用 JQuery 函数
- 每次调用 jQuery 函数时递增变量
- 使用 Ajax 在 html 加载后调用 jquery 插件
- 在单击按钮时调用 jquery 函数时出现问题
- 多次调用 Jquery 事件
- 从 PHP 获取当前页面 ID 后调用 jQuery 事件
- 从全局范围调用 jQuery 中的函数
- 在隐藏值上调用 jQuery .trigger('change') 会破坏与 KNOCKOUT 相关的可观察性