【问题标题】:Tap on a button trigger also the button "under" him点击一个按钮触发按钮也“在”他下面
【发布时间】:2018-02-01 14:09:45
【问题描述】:

我有一个按钮:

位置:固定, z-index :1000

<input class="confirmCrop" type="button" value="CONFERMA" />

当我点击这个按钮(带有“移动点击事件”)时,他下方的按钮在点击后被触发。

<input type="file" ...

我尝试过像这样停止点击传播:

 $(".confirmCrop").on("tap", function(e){
    e.stopPropagation();

但它不起作用。

现在我正在使用这种解决方法(在点击后立即禁用所有其他按钮),它在一定程度上起到了作用,但我觉得这个解决方案不是很合适,对更好的解决方案有什么帮助吗?

$(".confirmCrop").on("tap", function(){
    $('.ui-btn').prop("disabled",true);

(.ui-btn) 是页面中的所有其他按钮(我使用的是 jquery mobile)。

编辑:更好理解的图像:

screen

我使用重叠来对图像进行裁剪编辑。

【问题讨论】:

  • 您能否分享 HTML 和 CSS,如果可能的话,可以在 JSFiddle 上提供有关该问题的工作示例,以便更好地理解。
  • 第二个按钮有js代码吗?请告诉我们哪些 css 类有文件按钮? “在他之下”是什么意思?
  • 你能提供一个截图/视频的链接吗?或者更好的是,在您的代码中添加一个 sn-p?
  • 位置固定,z 索引在随机高数上使元素“浮动”在页面的其他元素之上。但是,当单击“在”元素“上方”的按钮时,按钮和 z-index 较低的元素,它们在图形上“落后于”我的主按钮也会被触发。其他按钮没有css,只是html上的普通输入按钮标签;我会尝试在 jFiddle 上重现错误
  • 添加了一张图片来帮助

标签: javascript jquery css jquery-mobile mobile


【解决方案1】:

这应该可以解决问题:

 $(".confirmCrop").on("tap", function(e){
            e.preventDefault();

【讨论】:

  • 别相信我忘了试试这个。完美运行。谢谢!
猜你喜欢
  • 2012-08-06
  • 2022-01-09
  • 1970-01-01
  • 2011-11-23
  • 2016-01-07
  • 1970-01-01
  • 2017-07-08
  • 1970-01-01
  • 2017-06-20
相关资源
最近更新 更多