Question

我正在撒谎并发布到stackoverflow。我每天都在研究这个问题几个小时。什么都不适合我。我正处于JQM HADES之中，或者是我自己的无知/制造。可能是后者。

问题：我有一个jqm / cordova应用程序，我正在尝试更新。使用JQM 1.4.5，Jquery-2.2.3。（也在JQM＆amp; J. ie.1.0,1.3.2的几个不同迭代中尝试过，结果相同。

我有2页。第1页（带搜索栏的JQM列表）---＆gt;链接到第2页（列表的详细信息）

我在第1页上使用列表视图，它显示了一个json文件，该文件使用spry.js动态读入列表。我还有一个列表视图搜索栏。搜索栏是我遇到麻烦的地方。

 <div data-role="page" id="page1">     
      <div data-role="header" data-back-btn="true">
              <h1>text</h1>
                <a href="#page1" data-role="button" data-icon="home" data-iconpos="notext" class="ui-btn-right">home</a>
       </div>

    <div>
    <ul data-role="listview" id="listing">
    <li><a href="#about">About</a></li></ul>
    </div>

   <div data-role="content" spry:region="ds1" ">    
       <ul data-role="listview" id="myList"  
         data-filter="true"
         data-filter-placeholder= "Select a sign below or search signs here..." 
          data-divider-theme="a">


                <li spry:repeat="ds1" spry:setrow="ds1" data-theme="a" id="myList">
                     <a href="#{page}"> 
                     <p class="ui-li-aside">{desc1}</p> 
                     <br>
                     <img src={imageurl} class="imglistViewStyle">
                  <span class="no-ellipses">{name}</span></a>
                 </li>
            </ul>       
        </div>
      </div>

在第1页上选择项目后，第2页显示有关所选项目的详细信息。然后我通过选择后退按钮，href标题按钮或带有href的导航按钮返回列表页面1。

然后，如果我单击搜索栏上的搜索图标（第1页），页面将被劫持回上一个项目描述页面。

*我已尝试将href编码到页面

<a href="#page1" data-role="button" data-icon="carat-r" data-iconpos="notext" class="ui-btn-left">home</a>

并删除data-back-btn代码。总是会发生同样的事情。我使用了无法正常工作的数据反向btw代码数据。似乎没有任何东西可以带走劫持行为。我找不到清除页面转换之间的所有内容的方法。我已经尝试过JQM pagebefore和其他一些过渡无济于事。我尝试过使用导航栏而不是标题中的数据后退按钮。即使这样也行不通。我不擅长描述这个。

第2页

<!--Page 2-->
<div data-role="page" id="page2" class="repeaterBackground">

       <div data-role="header" data-add-back-btn="true" >
          <h1>text </h1>

   </div>

    <div data-role="content"> 
    <span spry:detailregion="ds1">
  </span><span spry:detailregion="ds1">
        <p class="aside">{levelLongDesc}</p> 
        <p>
          </p>
          <a href="#{page}" style="text-decoration:none; color:black;"><span >&nbsp;{name}</span></a>
        <p class="centerButton">
        <img src={imageurl} width="80%" height="auto" class="detailSignFrame";></p>
    <p class="justify">{description}</p>
      </span>
    </div>

</div>

显然，我不是专家。啧！我花了2个小时才发布并成功设置了样式。请善待。我在尝试。 TIA-拉结

使用data-add-back-btn JQM 1.4.5 / jQM 1.3.2劫持行为数据过滤器？

0 个答案: