Safari中的内联onclick事件不起作用

Question

首先我做了一些研究，发现了这两个相关的问题：

1. onclick event in select HTML not working in Safari

2. OnClick not working on Safari

现在我已经尝试了这两种解决方案，它们中的每一个都可以在 Chrome/Firefox 中运行，但对于 safari，它就无法正常工作。

问题：

我有一个带有a 标签的li，它有一个内联的onclick 事件，可以加载更多产品，但由于某种原因，如果我在Safari 上单击a 标签，没有任何反应，这怎么可能？

代码：

<li id="page_size_8">
    <a href="javascript:void(0);" onclick="return marketplaceLogin.setPageSize(\'page_size\', '.$maxAmount.', \'All\');">
        All
    </a>
</li>

只是为了说明这是我尝试过的，但它不起作用：

<li id="page_size_8">
    <a href="javascript:void(0);" onfocus="return marketplaceLogin.setPageSize(\'page_size\', '.$maxAmount.', \'All\');">
        All
    </a>
</li>

<li id="page_size_8">
    <a href="javascript:void(0);" onclick="javascript:return marketplaceLogin.setPageSize(\'page_size\', '.$maxAmount.', \'All\');">
        All
    </a>
</li>

页面大小的 JS：

setPageSize: function (fieldId, fieldValue, fieldLabel) {
    "use strict";
    if (typeof fieldId !== "undefined" && typeof fieldValue !== "undefined" && typeof fieldLabel !== "undefined") {
        if (fieldValue !== null && fieldValue !== "" && fieldId !== null && fieldId !== "" && fieldLabel !== null && fieldLabel !== "") {
            if (!isNaN(fieldValue)) {
                fieldValue = parseInt(fieldValue, 10);
                if (fieldValue < 5) {
                    fieldValue = 5;
                }

                var selectId = '#filter_select_marketplace_login_' + fieldId;

                // Update the hidden field
                $('input[name=page_size').val(fieldValue);

                // Update the dropdown
                //window.filterSlider.updateSelectedLabel(selectId);
                $(selectId + ' .dropdown_selected_label_left').html(fieldLabel);

                // Load page 1, this closes the dropdown instantly
                if (typeof window.page_name !== "undefined") {
                    switch (window.page_name) {
                        case 'marketplaceloginproducts':
                            marketplaceLogin.loadProductPage(1);
                            break;
                        case 'marketplaceloginorders':
                            marketplaceLogin.loadOrderPage(1);
                            break;
                    }
                }
            }
        }
    }
    return false;
}

Answer 1

你的代码应该直接调用函数而不返回

<li id="page_size_8">
   <a onclick="marketplaceLogin.setPageSize()">All</a>
</li>

缺少输入选择的右大括号

$(input[name=page_size]).val(fieldsvalue)

在 safari 中对其进行了测试，如果不起作用，我怀疑它可能是另一个问题。

https://codepen.io/anon/pen/mxebxR?editors=1111

Answer 2

我怀疑问题在于javascript 命名空间同时用于href 和onclick。

试试：

1. 替换为href="#"
2. 删除 href

您也可以将逻辑从 onclick 移动到 href - 尽管我建议不要这样做，因为这不是最佳做法。