javascript - 无法运行 JQuery 函数

标签 javascript jquery html

我试图通过使用两个按钮调用它来使 JQuery 中的函数运行。 第一个按钮按预期运行函数,第二个按钮调用第一个按钮使用的函数,但它不起作用。

这是我的代码:

-----------------HTML-----------------

<button class="Original">Original</button>
<button class="Second">Second</button>

----------------JQuery----------------

$(document).ready(function(){
    $(".Original").click(function foo(){
        alert("bar");
    });

    $(".Second").click(function(){
        foo();
    });
});

JSFiddle Example

我是新手,在此先感谢您的帮助

最佳答案

尝试在 $(".Second") 点击上模拟 $(".Original") 的点击

$(".Second").click(function(){
        $(".Original").click();
    });

foo()方法只委托(delegate)给了$(".Original")点击事件,外界未知。

此处更新fiddle

关于javascript - 无法运行 JQuery 函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20949637/

相关文章:

javascript - 如何使用 JQuery 从相对元素获取 html 文本?

css - 使用滚动条创建 iframe 区域

html - 在 Internet Explorer 中使用 SVG 图像时,光标指针不显示

javascript - 如何将对象属性作为参数传递? (JavaScript)

javascript - react 路由器 v6 : Navigate to a URL with searchParams

javascript - 带有 var 的 jquery 语法 .css()

javascript - 如何优化这个 javascript 重复项

javascript - 如何使用 lodash get 处理空值

jQuery焦点事件进入无限递归

javascript - 如果导航打开则隐藏 div