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

jquery不适用于firefox,但适用于chrome

cross-browser ajax jquery javascript

2

emma · 技术社区 · 7 年前

我有这个 jQuery 代码:

function action(action){
    event.preventDefault();
    var products = $("#check-list input:checkbox:checked").map(function(){
      return $(this).val();
    }).get();
    var string = JSON.stringify(products);
    var table = $('#table').val();

    if(products.length != '0' || action === 'old-all'){
        $.ajax({
            type: 'post',
            url: 'app/toolbar.php',
            data: {action:action, table:table, ids:string},
            success:function(data){
                localStorage.setItem('notify', data);
                location.reload();
            },
        });
    } else{
        notify('You must choose an element first');
    }
}

我在用 jQuery 3.3.1 .

如果我单击按钮而不选中复选框,我应该 You must choose an element first 但是如果我选择一个元素 toolbar.php 应该运行并执行必须执行的操作(根据按下的按钮:

<button class="grey-btn" onClick="action('delete')">Delete</button>
<button class="grey-btn" onClick="action('update')">Update</button>

它工作在 Chrome 很好,但不起作用 Firefox . 我尝试了一些其他类似的“在Chrome上工作,但在Firefox上不工作”问题上找到的答案,但没有一个是有效的:(

1 回复 | 直到 7 年前

1

8

epascarello 7 年前

您没有定义事件,所以这是您的问题。避免使用内联事件处理程序,并使用jquery绑定它。

$("[data-action]").on("click", function (event) {
  event.preventDefault();
  var btn = $(this);
  var action = btn.data("action");
  console.log(action);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="grey-btn" data-action='delete'>Delete</button>
<button class="grey-btn" data-action='update'>Update</button>

如果您真的想使用内联事件处理程序,那么

function action (event, method) {
  event.preventDefault();
  console.log(method);
}

<button class="grey-btn" onClick="action(event, 'delete')">Delete</button>
<button class="grey-btn" onClick="action(event, 'update')">Update</button>