个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
26
4
我正在尝试使用 JQueryMobile 组合一个水平内容 slider 。
以下代码在 Android、IOS、Chrome 和 IE9 上运行良好，用户可以触摸(或鼠标按下)并向左或向右拖动内容。
在 WP7 (Mango) 上发生的所有事情都是最初的触摸似乎突出显示了包含 DIV 的项目，但任何移动都被忽略了。
Content Slider Sample
<!DOCTYPE html>
<html class="ui-mobile">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Scroll View Test</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
</head>
<body class="ui-mobile-viewport">
<div data-role="page">
<div data-role="header">
<h1>Content Slider</h1>
</div>
<div data-role="content">
<div style="height:50px;width: 110px; overflow: hidden">
<div id="divScroll" style="width: 500px; margin-left:0px;left: 0px; top: 0px;">
<div class="sliderItem" style="background-color:#A03030;float: left; width: 50px;height:50px;">Item 1</div>
<div class="sliderItem" style="background-color:#B03030;float: left; width: 50px;height:50px;">Item 2</div>
<div class="sliderItem" style="background-color:#D03030;float: left; width: 50px;height:50px;">Item 3</div>
<div class="sliderItem" style="background-color:#E03030;float: left; width: 50px;height:50px;">Item 4</div>
<div class="sliderItem" style="background-color:#F03030;float: left; width: 50px;height:50px;">Item 5</div>
</div>
</div>
<div id="dbg"></div>
<div id="dbg2"></div>
<script type="text/javascript" language="javascript">
var mouseIsDown = false;
var mouseDownX = 0;
var mouseDownMargin = 0;
$(document).bind('vmouseup', function (event) {
if (mouseIsDown) {
event.preventDefault();
$('#dbg').html(event.type);
mouseIsDown = false;
}});
$('.sliderItem').bind('vmousedown', function (event) {
event.preventDefault();
});
$('#divScroll').bind('vmousedown vmousemove', function (event) {
event.preventDefault();
$('#dbg').html(event.type);
if (event.type == 'vmousedown') {
mouseIsDown = true;
var ml = $('#divScroll').css('margin-left').replace('px', '');
$('#dbg2').html(ml);
mouseDownMargin = parseInt(ml);
mouseDownX = event.pageX;
}
if (event.type == 'vmousemove' && mouseIsDown) {
var delta = mouseDownX - event.pageX;
$('#dbg2').html(mouseDownMargin - delta);
$('#divScroll').css({ marginLeft: mouseDownMargin - delta });
}
});
</script>
</div>
</div>
</body>
</html>
最佳答案
这在 WP7 上不起作用，因为 WP7 使用的 IE9 版本不以非常好的方式支持鼠标向下/移动/向上事件。发生的情况是，当您第一次将手指放在屏幕上时，不会触发任何事件。当您抬起手指时，mousedown/click/mouseup 事件会立即按该顺序触发。这使得不可能实现任何允许用户操作/拖动 DOM 元素的功能。
解决此问题的唯一方法是编写一些模拟鼠标或触摸事件的 native 代码。我在这方面取得了一些成功……请参阅以下博客文章:
http://www.scottlogic.co.uk/blog/colin/2012/01/fastclick-for-wp7-improving-browser-responsiveness-for-phonegap-apps/
但是，这不会给您 mousemove 事件。我知道 Nitobi (PhoneGap) 开发人员正在寻求使用这种技术来模拟触摸事件:
https://issues.apache.org/jira/browse/CB-112
但是，我不确定这是否真的可行。
关于windows-phone-7 - 鼠标事件问题 WP7 JQuery Mobile，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8919477/
26
4
0
我开发了一个使用 mspn 服务的 windows phone 应用程序。它在 Windows 手机模拟器上运行良好。现在我想在 Windows Phone 设备中测试它。我有一个 Windows P
我正在考虑针对 Windows Phone 7 进行开发。为了测试我的应用程序，我需要能够模拟电话调用。在模拟器中可以吗？ 最佳答案 不，不可能模拟您的应用程序被接收到的电话中断。还宣布为 the R
我看到 Windows Phone 8 支持 Windows Phone 7 应用程序。我在 Windows Phone 7 上开发了一些应用程序，我想在 Windows Phone 8 模拟器上运行
我正在Windows 8上使用Visual Studio2013。我有三个Windows Phone设备，lumia 620、920、1320，这些都是开发人员解锁的设备。 620设备已安装Windo
非常直接的问题。我的公司开发了一个 windows phone 7 应用程序，并一直在 windows phone 7 设备上对其进行测试。我们能否安全地假设同一个应用程序将向后兼容并在 Window
标题几乎概括了它。我已经编写了一个 Windows Phone 7 应用程序，现在我想将它部署到 Windows Phone 8 设备 (HTC Windows Phone 8X)。我已经注册并解锁了
我一直在开发 Windows Phone 8 应用程序，现在我想将其更改为 Windows Phone 8.1。我该怎么做？ 是否应该创建一个新的 Windows Phone 8.1 应用并将所有现有
我有一个针对 Windows Phone 8 的应用程序。现在我想使用 this compression library其中指出: Supported Platforms: .NET Framewor
有什么区别Windows Phone 7.1 (NoDo) 和 Windows Phone 7.5 (芒果) ? 我已经为 Mango 安装了 SDK，但是当我尝试创建一个项目时，它显示为 7.1 版
我最近更新了我的 Visual Studio 2013，现在它允许开发 Windows Phone 8.1 应用程序。 但是现在，当我创建一个 Windows Phone 项目时，它是针对 WP 8.
我最近购买了 Lumia 630 双 SIM 卡，并一直在尝试注册我的手机以进行开发，但一直收到此错误“无法连接到手机。请确保通过 USB 传输服务的 Windows Phone IP 正在运行”。
我正在尝试使用 documentation from MSDN 在我现有的 Windows Phone OS 7.1 应用程序中支持新的 Windows Phone 磁贴功能。 .但是，我似乎无法通过
我在搜索如何启动Windows Phone 10模拟器时迷路了。 我已经做了: 我下载并安装了仿真器镜像(我知道flash.vhd文件的位置) 我正在运行Windows 8.1 x64专业版。 Hyp
我想制作像图片一样的动态磁贴。我该怎么做？ 最佳答案 上面创建的图 block 很可能是在服务器端创建的。据说 Windows Phone 7.1 和 Windows Phone 8 之间发生了很多变
我刚刚将它安装在我的 Windows 8 上。它不是在 VM 上运行，而是在带有 bootcamp 的 macbook 上运行。 当我尝试模拟我的应用程序时，出现第一个错误: 但是后来我单击“重试”并
Microsoft 刚刚发布了结合了 Windows 8.1 和 Windows Phone 8.1 的 Windows App 8.1，因此您可以创建一个通用的应用程序。但是，将 Microsoft
是否有可用于WP7的日历控件(不是日期选择器和时间选择器)？ 最佳答案 我还在CodePlex上启动了新项目。我刚刚研究了日历控件的Alpha版本。 http://wpcontrols.codeple
我在XAML中有一个文本框: .cs文件声明了以下事件: private void blah_OnKeyDown(object sender, KeyEventArgs e) {
关闭。这个问题需要更多focused .它目前不接受答案。 想改进这个问题吗？ 更新问题，使其只关注一个问题 editing this post . 关闭 8 年前。 Improve this qu
我正在为Windows Phone 7创建一个多人游戏。如何调试模拟器的多个实例以便对其进行调试？ 最佳答案 实际上，您可以同时运行Windows Phone 7模拟器的多个实例，甚至可以同时调试它们
我是一名优秀的程序员,十分优秀！