gpt4 book ai didi

jquery - JQuery slider 和iui(iphone)之间的冲突

转载 作者:行者123 更新时间:2023-12-03 19:47:47 25 4
gpt4 key购买 nike

我正在尝试在 iPhone Web 应用程序上获取 slider ,我正在使用 iui来处理用户界面。该 slider 似乎与 iui.js 造成某种冲突,当您拖动 slider 时,它会尝试打开另一个页面。但是,当您只需单击栏的某些部分时,它就可以正常工作。我认为这是幻灯片事件导致的,但在这两种情况下都会触发此事件,所以我有点卡住了。任何帮助将不胜感激。

简单的测试用例(单击以获取 slider ):

<head>
<meta name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>

<script type="application/x-javascript" src="http://www.joehewitt.com/iui/iui/iui.js"></script>
<link href="http://www.joehewitt.com/iui/iui/iui.css" type="text/css" rel="stylesheet" />

<script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script>
<script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.core.js"></script>
<script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.slider.js"></script>
<link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" />

<script language="javascript">
$(document).ready(function(){
$("#slider").slider()
});
</script>
</head>
<body>
<div class="toolbar">
<h1 id="pageTitle"></h1>
<a id="backButton" class="button" href="#"></a>
</div>
<ul title="slider test" selected="true">

<li class="group">Page 1</li>
<li>
<a class="mainnav" href="#page2">page 2</a>
</li>
</ul>
<div id="page2" title="foo.inc">
<div id="slide_container">
<div id="slider"></div>
</div>
</div>
</body>

最佳答案

我不熟悉 iui,但是当你写道:

but this event is triggered in both cases

我认为您错过了一些东西(这可以很好地解释您的问题)。如果您查看 slider 的代码,您会发现鼠标拖动确实触发了一组不同的事件;查看“_mouseCapture”和“_mouseDrag”。 _mouseDrag 确实会触发“_slide”,但它也会首先触发“_normValueFromMouse”。至于“_mouseCapture”,它没有直接连接在 slider 代码中(所以显然它是通过一些通用的 jQuery UI 代码完成的),所以我不能肯定地说它涉及到,但基于名字看起来很可能是这样。

无论如何,_mouseDrag, _normValueFromMouse,或者可能_mouseCapture(或它们调用的某些函数)似乎正在调用某些iui函数不经意间。我的猜测是,iui 连接了一个与 slider /jQuery UI 函数同名的函数,并在 jQuery UI 连接它的内容后执行此操作,结果幻灯片调用了 iui 函数。

想象一下,如果在 jQuery UI 中定义了“goSomewhere”函数,然后由 _mouseDrag 调用。通常它会工作得很好,但如果有人(iui)定义了自己的“goSomewhere”函数,该函数将由 _mouseDrag 调用。

或者,问题可能是 slider 代码调用的某些内容不会导致正常导航到另一个页面,但在 iPhone 上会导致导航到另一个页面;但是,我怀疑情况并非如此。

希望有帮助。

关于jquery - JQuery slider 和iui(iphone)之间的冲突,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1346315/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com