代码之家 › 专栏 › 技术社区 › sawa

按钮调用的方法中的“$(this)”使浏览器无响应

ruby-on-rails jquery

sawa · 技术社区 · 6 年前

= button_tag("Press me", onclick: "$.foo();")

从而导致渲染:

<button name="button" type="submit" onclick="$.foo();">Press me</button>

按下这个按钮,我只想执行jQuery方法,而不向Rails服务器发出任何请求。在一个要调用的JavaScript文件中,我通过执行以下操作确认了相应方法的正确调用:

$.foo = function(){
  alert('foo');
};

这很管用。在这个方法中,我实际上想要访问已经按下的(jqueryized)按钮对象。我将方法更改为:

$.foo = function(){
  alert($(this));
};

当我按下按钮时,浏览器就会挂起。

2 回复 | 直到 6 年前

kapantzak 6 年前

尝试添加事件列表并获取 event.currentTarget

<script>
    $(document).on('click', 'button[type="submit"]', function(event) {
        var btn = $(event.currentTarget);
        // ...
    });
</script>

sawa 6 年前

在@Satpal的帮助下,我被提醒 this 在我的原始代码中将引用的方法中 window 对象。正如@muistooshort所指出的,我需要具体说明 type: "button" 以避免将请求发送到Rails服务器。

查看文件

= button_tag("Press me", type: "button", onclick: "$.foo(this);")

$.foo = function(target){
  alert($(target));
};

我得到了我想要的。

推荐文章

thesunneversets · 如何使用Nikkou(新手Ruby问题!)

2 年前

Animesh Arya · 关联模型的Rspec

2 年前

yellowreign · Rails:将created\u at转换为PST

2 年前

Kellen · 查看$卷展栏功能列表

2 年前

Akshit Thakur Ak · 我怎样才能把铁轨停下来?

2 年前

solidsnake99 · Rails db:如何绕过验证

2 年前

Spyros · 从数组中删除nil值,并从引用数组中删除相应的项

2 年前

Pauli-E · 当div打开并滚动到屏幕上时,向div添加类

2 年前

Raghuram Murthy P · 在ActiveRecord::Relation delete_by方法上不调用after_commit和after_destroy回调

2 年前

ejoka · 如何使用Rails 7模型属性作为CSS标记值

2 年前