javascript - js 适用于 ios 10 但不适用于 9？

Question

我正在编写一个使用 js 进行 Accordion 和选项卡切换的页面，但它没有在 ios 9 上显示？它在桌面和我使用 ios 10 的 ipad 上工作正常。媒体查询工作正常？!？请帮忙!

这是我的脚本:

<script>	   
    $(document).ready(() => {
	
        $('[data-accordion]').each((i, val) => {
            const acc = $(val);
            const id = acc.data('accordion');

            acc.append('<span class="pull-right glyphicon glyphicon-plus" data-icon></span>');

            acc.on('click', () => {
                const el = $(`#${id}`);
                el.toggle();
                acc.find('[data-icon]').toggleClass('glyphicon-plus').toggleClass('glyphicon-minus');
            });
        });

        $('[data-page]').each((i, val) => {
            const page = $(val);
            const id = page.data('page');

            page.on('click', () => {
                const el = $(`#${id}`);
                $('.activeb[data-page]').each((i, val) => {
                    const activebPage = $(val);
                    const activebId = activebPage.data('page');
                    const activebElement = $(`#${activebId}`);
                    activebPage.removeClass('activeb');
                    activebElement.hide();
                });
                el.show();

                page.addClass('activeb');
            });
        });
    });
</script>

我有光标:指针；但什么都没有。

Answer 1

我假设您使用的是 iOS 9 Safari 或 Chrome。 iOS 9 Safari/Chrome don't support arrow functions . iOS 10 Safari/Chrome 支持。

您的箭头函数不需要是箭头函数，因此要支持早期版本的 iOS，只需将它们替换为 function 函数即可。例如，替换

$(document).ready(() => {

与

$(document).ready(function() {

...等等。