Question

我遇到了最奇怪的错误......

这是不起作用的部分的摘录：

$(function(){
        $("#button1").click(function(event) {
            $("#button2").hide();
            return false;
            event.preventDefault();
})
});
</script>

            <div data-role="footer" id="m-footer">
                <div class="first-row ui-grid-b">
                    <div class="ui-block-a left">
                        <a  id="button1" class="ui-link ui-btn ui-btn-a ui-icon-custom ui-btn-icon-top" data-icon="custom" data-transition="none"><img src="media/icon_1.png"/ ></a>
                    </div>
                    <div id="button2" class="ui-block-b center">
                        <a  onclick="alert('click');" class="ui-link ui-btn ui-btn-a ui-icon-custom ui-btn-icon-top" data-icon="custom" data-transition="none"><img src="media/icon_2.png"/ ></a>
                    </div>
                    <div class="ui-block-c right">
                        <a  onclick="alert('click');" class="ui-link ui-btn ui-btn-a ui-icon-custom ui-btn-icon-top" data-icon="custom" data-transition="none"><img src="media/icon_3.png"/ ></a>
                    </div>
                </div>

我有一个包含六个按钮的弹出框，每个按钮都链接到一个＆＃34; onclick＆＃34;行动。当窗口足够大并且弹出窗口不可滚动时，操作工作正常。但是如果我调整窗口的大小，并且div变得可滚动，那么按钮就不再起作用了：单击它们将导致弹出窗口向上滚动到顶部并且操作完全被忽略。

我已经实施了 return false 。

这只发生在Chrome和Safari上 - 而不是在Firefox上。

有什么建议吗？

提前致谢

onclick动作不能使用可滚动的div？

0 个答案: