相关疑难解决方法(0)

我正在使用Framework7可排序列表,它运行良好,只是在列表更改时不会触发事件.

所以我正在尝试一些内置事件:

$('.sortable-handler').on('touchstart', function (e) {
    e.preventDefault();
    alert('touchstart');
});

$('.sortable-handler').on('touchmove', function (e) {
    e.preventDefault();
    console.log('touchmove');
});

$('.sortable-handler').on('touchcancel', function (e) {
    e.preventDefault();
    console.log('touchcancel');
});

$('.sortable-handler').mouseleave(function (e) {
    e.preventDefault();
    console.log('mouseleave');
});

..但我得到的是:

由于目标被视为被动,因此无法阻止被动事件侦听器内的默认.请参阅 https://www.chromestatus.com/features/5093566007214080

我应该寻找哪种事件来获取每种类型的更新列表？

在将此标记为重复之前,请允许我告诉您,这不是关于使iframe重新缩放,我不期望这样的答案:制作iframe响应

我的问题很容易解释:我的网站没有meta视口标记,宽度为(比方说)1000px.因此,当您在移动设备中加载它时,它会重新缩放以适应360px宽度,并且一切都非常小.

现在,我完全知道如何使iframe调整到任何宽度,但这里的问题是正在加载的网站也将显示宽度为1000px,即使这个具有meta视口标记.当然,这个iframe中的所有内容都显示得非常小.

现在的问题是:我是否可以使该iframe的内容以全宽显示,但不服从父文档的宽度,而是服从设备的宽度.(显然我不想要一个小的360px iframe).

这可能有助于您理解:

编辑:很多人似乎不明白这一点,所以解释它的另一种方法是:

1. 选择任何没有视口标记的网站

2. 在上面涂上固定的框架

3. 并尝试使iframe看起来像是在新标签上打开的(默认情况下,iframe的视口将像1000px一样,我希望它是手机的视口大小)

我正在Safari for iPad上创建一个网站.我需要阻止双击事件的缩放,但我有两个问题:

• 双击不会产生任何事件,所以我不能使用"event.preventDefault();"
• 我只有在满足某些条件时才需要这样做,所以我不能使用标签" <meta name = "viewport" content = "user-scalable = no">"......如果我这样做,用户就永远无法放大我的页面.

我该如何解决这些问题？

我已经找了一整天了。我知道自动播放在移动设备上不起作用，这是有道理的。但我想知道为什么这不起作用。有解决方法吗？下面的代码在桌面上完美运行，但不适用于移动设备。

var audio = new Audio('sound.mp3');
audio.play();

我想在Android浏览器的网页上禁用双选项卡缩放.我尝试防止触摸开始和touchmove默认,取消bubble/propogarion.甚至尝试了jquery mobile doubletap事件,但它在元素缩放后触发.