Question

我在页面上有两个按钮，我需要隐藏一个＆＃34;计算＆＃34;按钮，以便不会一次又一次地点击，而是用户选择＆＃34;重置＆＃34;按钮。

如果两个按钮都显示但是如果我隐藏计算按钮，一旦它完成了它的工作，它就会很好用，即使没有点击重置按钮，它也会自动执行重置按钮。

这只发生在触控设备上。如果从浏览器运行，这可以正常工作。只有触摸设备（例如iPhone）出现问题。有线索吗？我正在使用jquery-2.1.1.min

这是我的计算按钮：

$(document).on( 'touchstart click' ,  '#calculate' ,  function  () {
// do stuff
//hide button now that we are done so users don't keep clicking
$( '#calculate' ).hide();
});

这是我的重置按钮：

$(document).on( 'touchstart click' ,  '#reset' ,  function  () {
$( "input.form-control" ).val(0);
});

以下是我的工作示例：

http://investingcalculator.azurewebsites.net/

Answer 1

你没有委托试过吗？

$('#calculate').on( 'touchstart click',  function  () {
// do stuff
//hide button now that we are done so users don't keep clicking
$( '#calculate' ).hide();
});

$('#reset').on( 'touchstart click',  function  () {
  $( "input.form-control" ).val(0);
});

Answer 2

最终我不需要触摸开始。这是有效的：

$('#calculate').on( 'click',  function  () {
// do stuff
//hide button now that we are done so users don't keep clicking
$( '#calculate' ).hide();
});

$('#reset').on( 'click',  function  () {
$( "input.form-control" ).val(0);
});

jQuery .hide（）导致鬼触摸开始＆＃34;点击＆＃34;第二个按钮

2 个答案: