Question

所以我的表格上有2个按钮。

rollback

原来我在<div class="col-xs-12"> <div class="submit-button-mobile">Submit</div> </div> <div class="col-xs-12"> <a href="/how_to_book.php"> <div class="how-to-book-button-mobile"> How to book? </div> </a> </div>上有onclick="send_message();"（适用于桌面设备但不适用于移动设备。此外，该标签也无法在移动设备上点击。

我在这里搜索并找到了这个答案，使其在移动设备上运行

submit-button-mobile

仍然有同样的问题，在手机上无法点击（尝试使用移动视图的Chrome开发者工具，并在iphone和Android上试过）。

send_message（）位于文件顶部的另一个.js文件中。看起来像这样

        $('.submit-button-mobile').on('click touchstart', send_message);
        $('.how-to-book-button-mobile').on('click touchstart', function() {
            window.location.href = "/how_to_book.php";
        });

Answer 1

可能您必须在已定义send_message()定义的同一文件中编写click函数，并且单击定义应位于document.ready()函数内。首先检查点击div是否收到警报。

$(document).ready(function() {
$('.how-to-book-button-mobile').on('click touchstart', function(e) {
					e.preventDefault();
           alert("how-to-book-button-mobile");
});
$('.submit-button-mobile').on('click touchstart', function(e) {
           e.preventDefault();
           alert("submit");
});
});

<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<div class="col-xs-12">
    <div class="submit-button-mobile">Submit</div>
</div>
<div class="col-xs-12">
    <a href="#">
        <div class="how-to-book-button-mobile">
            How to book?
        </div>
    </a>
</div>

This answer也可以帮到你。

按钮单击不在移动设备上工作

1 个答案: