Question

我正在尝试在jQuery Mobile网页（vegPizzas.html）中实现swiperight事件，该网页在可折叠列表视图中显示Veg披萨类别。列表项正确显示该类别中比萨饼的图像，名称和价格。当我向右滑动时，它正确处理swiperight事件以显示成分。直接在WebMatrix中启动时，该页面正常工作。但是，当我启动主页并导航到vegPizzas.html页面时，swiperight事件将停止工作，并且不会显示成分。

vegPizzas.html的部分脚本和代码是：

     <script>
        $("nonvegpizzas.html").live("pageinit", function(event) {

        $("#listitem1").on("swiperight",function(){
          $("#listitem1").html("Chicken, Cheese, Onion.")  
        });   
            . . . .
      <body>
          . . . 
        <ul data-role="listview" data-inset="true" data-autodividers="true" >
          <li id=listitem1> 
            <img src="Images/vegpizza1.jpg" alt="Cheesy Delight"/>
             <h3 style='margin-left: 15px'>Cheesy Delight</h3>
           </li>
      . . .
       </ul>
     </body>

此页面从主index.html文件引用为：

<ul data-role="listview" data-inset="true">
   <li><a href="vegpizzas.html">Veg Pizzas</a></li>

我做错了什么？

jQuery Mobile listview swiperight事件

0 个答案: