Question

我有一个图标，当它被点击时会滑动包含按钮的ul元素。 slideDown工作正常，但按钮无法在触摸设备上运行。每次点击按钮，div元素都会再次滑动。如何使按钮可以点亮？

<ul class="block-cart">
    <li class="menu_right">
        <span class="price">$40</span>
        <div class="block-cart-content" style="display:none;">
            <p class="block-subtitle">Your Cart:</p>
            <div class="actions">
                <button class="button" onclick="setLocation('http://127.0.0.1/checkout/cart/')" title="Show Cart" type="button">
                    <span>Show Cart</span>
                </button>
            </div>
        </div>
    </li>
</ul>

$('.block-cart').on('click touchstart', function () {
    if ($('.block-cart-content').is(":hidden")) {
        $('.block-cart-content').slideDown('medium');
    } else {
        $('.block-cart-content').slideUp('medium');
    }
    return false;
});

Answer 1

这看起来似乎是一个奇怪的答案，但我在IOS上看到过（如果您遇到此问题），您需要将cursor:pointer;添加到<button>

jquery中的slideDown div内的按钮无法在触摸设备上运行

1 个答案: