jQuery Mobile的滾動型行爲出血到其他頁/ div的

在一個小應用程序我的工作我已經包含在一個固定高度的div，我想是滾動列表視圖。使用jQuery Mobile scrollview我有listview滾動就好。問題是scrollview行爲似乎正在流血到其他div。jQuery Mobile的滾動型行爲出血到其他頁/ div的

我的第二頁上的一些表單元素，和輸入/範圍滑塊不再工作這顯然是由於滾動型的，（你可以選擇具有抽頭的數量，但無法將其滑）。所有「頁面」都在一個HTML文件中，即它們不是外部頁面。

在div包裹列表視圖如下所示。除此div外，其他任何內容都沒有data-scroll =「true」屬性。

<div id="scrollList" data-scroll="true">

我已經把上面的頭連起來了。

<script type="text/javascript" src="assets/js/jquery.easing.1.3.js"></script> 
<script type="text/javascript" src="assets/js/jquery.mobile.scrollview.js"></script> 
<script type="text/javascript" src="assets/js/scrollview.js"></script>

當我檢查代碼jQuery是插入我看到它的添加類=「UI-滾動型夾」和數據滾動=「Y」在每一頁的內容股利。見下文。

<div id="firstPageContent" class="ui-content ui-scrollview-clip" data-role="content" role="main" data-scroll="y" style="overflow: hidden; position: relative; height: 435px;">

有沒有人知道如何讓jQuery停止將其附加到各種div或停止滾動行爲滲透到其他頁面？它看起來發生在scrollview.js中。這是錯誤的文件使用？

任何幫助，您可以提供非常感謝。

謝謝！

來源

2011-12-07 user1086370

你有沒有嘗試添加data-role="none"你想要的Jquery離開不變元素？更多關於這個數據的作用here.

來源

2011-12-08 02:30:11

它看起來並不像數據滾動=「true」屬性被尚未使用。 scrollview引擎應用於所有（role =「page」）頁面。

這是我如何得到它的滾動型應用到一組選定的頁面。

步驟1：
在scrollview.js我取代這一行：

$(":jqmData(role='page')").live("pageshow", function(event) {

與此行：

$(".scrollview").live("pageshow", function(event) {

步驟2：
我然後添加'scrollview'類屬性E要，我想滾動視圖呈現所有頁面：

<div id="layersPage" data-role="page" class="scrollview">

這聽起來像JQM將使數據滾動=「true」屬性時，該產品的正式受理。

來源

2012-01-19 19:18:50

jQuery Mobile的滾動型行爲出血到其他頁/ div的

回答

相關問題