将输入追加到表单的jQuery函数在Chrome中有效,但在Safari中不起作用

蒋先生

我有这个jQuery函数:

$('.bid_btn').click(function(event) {
        var doctor_id = $(event.target).val();
        console.log(doctor_id);
        if(doctor_id == ""){
          console.log('nothing here');
        } else {
              if(!$('input[name="form_doctor_id"]').length){
                  $form.append($('<input type = "hidden" name = "form_doctor_id">').val(doctor_id));
              } else {
                  if(doctor_id == "Book Appointment"){
                    console.log('nothing to add here');
                  } else {
                    $('input[name="form_doctor_id"]').val(doctor_id);
                  }
                }
          }
      $(this).unbind(event);
    });

它的作用是每次单击带有该类的bid_btn类的值,然后将其作为隐藏输入追加到表单中。它在Chrome中可以正常运行,但在Safari中不起作用,我不知道为什么。我已经在Stack Overflow上阅读了有关此类问题的其他一些类似问题,但我希望有人能够指出我可以在jQuery函数中解决的地方。

伊斯梅尔·RBOUH

尝试更改event.targetthisthis始终引用侦听器附加到的DOM元素,但event.target实际上是被单击的DOM元素,例如:

<button class="bid_btn" value="1"> <span> Icon </span> Button </button>

如果您附加了单击侦听器:

$('.bid_btn').click(function(event) {...});

当您单击时span,处理程序将被调用,并且event.target是span元素,其中没有no value

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

添加的间距在Firefox中有效,但在Chrome和Safari中不起作用

来自分类Dev

“找不到成员”-jQuery在MSIE中不起作用,但在Chrome中有效-

来自分类Dev

jQuery error()在Chrome和IE中有效,但在Firefox中不起作用

来自分类Dev

Branch.io Deeplink在ios 9的safari中不起作用,但在Chrome中有效

来自分类Dev

为什么按钮内的文件输入在 Firefox 中不起作用,但在 Chrome 中有效?

来自分类Dev

将页面重定向到aspx页面在chrome中有效,但在IE中不起作用

来自分类Dev

点击页面上的滚动在FF中有效,但在Chrome中不起作用

来自分类Dev

通过PHP设置Cookie在Chrome中有效,但在Firefox或IE中不起作用

来自分类Dev

按钮在Chrome浏览器中有效,但在Mozilla中不起作用

来自分类Dev

动态生成的html链接在Firefox中有效,但在Chrome中不起作用

来自分类Dev

解析XML标签属性在Firefox中有效,但在Chrome中不起作用

来自分类Dev

window.open在Firefox中有效,但在IE或Chrome中不起作用

来自分类Dev

javascript mailto在chrome中有效,但在IE中不起作用

来自分类Dev

代码在JSFiddle中有效,但在Dreamweaver中不起作用(不涉及jquery)

来自分类Dev

按特定键在JavaScript中执行某些操作在Chrome中有效,但在Firefox中不起作用

来自分类Dev

优良的上载器异步任务在Chrome中有效,但在IE11中不起作用

来自分类Dev

我的音频可视化器在Chrome中不起作用(但在Firefox中有效)

来自分类Dev

此代码在片段中有效,但在博客中不起作用

来自分类Dev

交换整数的代码在C ++中有效,但在C中不起作用

来自分类Dev

导航图在Power Map中有效,但在Power View Map中不起作用

来自分类Dev

htaccess(RewriteRule)在wamp中有效,但在实际服务器中不起作用

来自分类Dev

“ with”语句在Windows中有效,但在Ubuntu中不起作用

来自分类Dev

mysql / connector python查询在mysql中有效,但在python中不起作用

来自分类Dev

单选按钮在谷歌浏览器中有效,但在Firefox中不起作用

来自分类Dev

AWK 命令在 linux 中不起作用,但在 mac 中有效

来自分类Dev

jQuery Click 功能在 Firefox 中有效,但在 Chrome/Safari 中无效

来自分类Dev

jQuery UI droppable在IE和Firefox上不起作用(但在Chrome上有效)

来自分类Dev

XML映射的PATH元素中的POSITION()函数在XML映射器中有效,但在SAS代码中不起作用

来自分类Dev

在Kendo Scheduler议程视图上隐藏表格列-在Firefox / Chrome中有效,但在IE11中不起作用

Related 相关文章

  1. 1

    添加的间距在Firefox中有效,但在Chrome和Safari中不起作用

  2. 2

    “找不到成员”-jQuery在MSIE中不起作用,但在Chrome中有效-

  3. 3

    jQuery error()在Chrome和IE中有效,但在Firefox中不起作用

  4. 4

    Branch.io Deeplink在ios 9的safari中不起作用,但在Chrome中有效

  5. 5

    为什么按钮内的文件输入在 Firefox 中不起作用,但在 Chrome 中有效?

  6. 6

    将页面重定向到aspx页面在chrome中有效,但在IE中不起作用

  7. 7

    点击页面上的滚动在FF中有效,但在Chrome中不起作用

  8. 8

    通过PHP设置Cookie在Chrome中有效,但在Firefox或IE中不起作用

  9. 9

    按钮在Chrome浏览器中有效,但在Mozilla中不起作用

  10. 10

    动态生成的html链接在Firefox中有效,但在Chrome中不起作用

  11. 11

    解析XML标签属性在Firefox中有效,但在Chrome中不起作用

  12. 12

    window.open在Firefox中有效,但在IE或Chrome中不起作用

  13. 13

    javascript mailto在chrome中有效,但在IE中不起作用

  14. 14

    代码在JSFiddle中有效,但在Dreamweaver中不起作用(不涉及jquery)

  15. 15

    按特定键在JavaScript中执行某些操作在Chrome中有效,但在Firefox中不起作用

  16. 16

    优良的上载器异步任务在Chrome中有效,但在IE11中不起作用

  17. 17

    我的音频可视化器在Chrome中不起作用(但在Firefox中有效)

  18. 18

    此代码在片段中有效,但在博客中不起作用

  19. 19

    交换整数的代码在C ++中有效,但在C中不起作用

  20. 20

    导航图在Power Map中有效,但在Power View Map中不起作用

  21. 21

    htaccess(RewriteRule)在wamp中有效,但在实际服务器中不起作用

  22. 22

    “ with”语句在Windows中有效,但在Ubuntu中不起作用

  23. 23

    mysql / connector python查询在mysql中有效,但在python中不起作用

  24. 24

    单选按钮在谷歌浏览器中有效,但在Firefox中不起作用

  25. 25

    AWK 命令在 linux 中不起作用,但在 mac 中有效

  26. 26

    jQuery Click 功能在 Firefox 中有效,但在 Chrome/Safari 中无效

  27. 27

    jQuery UI droppable在IE和Firefox上不起作用(但在Chrome上有效)

  28. 28

    XML映射的PATH元素中的POSITION()函数在XML映射器中有效,但在SAS代码中不起作用

  29. 29

    在Kendo Scheduler议程视图上隐藏表格列-在Firefox / Chrome中有效,但在IE11中不起作用

热门标签

归档