Jquerymobile Flexslider

Flexslider有問題。當我打開html頁面時它工作正常，但是當我單擊更改按鈕並想要動態更改頁面內容時，它不再正常工作。如何解決這個問題呢？Jquerymobile Flexslider

HTML

<!DOCTYPE html> 
<html> 
    <head> 
     <meta content="charset=utf-8"> 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
     <meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0'/> 
     <link type="text/css" rel="stylesheet" href="../css/bi.css" /> 
     <link type="text/css" rel="stylesheet" href="../css/jquery.mobile-1.2.0.css" /> 
     <link type="text/css" rel="stylesheet" href="../css/jquery.mobile.simpledialog.css" /> 
     <link type="text/css" rel="stylesheet" href="../css/flexslider.css" /> 

     <script type="text/javascript" src="../cordova-2.2.0.js"></script> 
     <script type="text/javascript" src="../js/lib/jquery.js"></script> 
     <script type="text/javascript" src="../js/lib/jquery.mobile-1.2.0.js"></script> 
     <script type="text/javascript" src="../js/plugin/jquery.flexslider.js"></script> 

     <script type="text/javascript"> 
      $(document).ready(function(){    
           $('.flexslider').flexslider({ animation: 'slide' }); 
           }); 
     </script> 
    </head> 
    <body> 
     <div data-role="page"> 
      <div data-role="header" data-theme="c"> 
       <h1>test</h1> 
       <a data-theme="c" data-icon="false" href="#" onclick="resetPage()">change</a> 
      </div> 
      <div data-role="content" id="div_newportalcontent"> 
       <div class="flexslider"> 
        <ul class="slides" id="ul_newportals"> 
         <li> 
          <img id="p1" align="center" src="p1.png" /> 
         </li> 
         <li> 
          <img id="p2" align="center" src="p2.png" /> 
         </li> 
        </ul> 
       </div> 
      </div> 
     </div> 
    </body> 
</html>

<script> 
    function resetPage(){ 
     var str=''; 
     $("#ul_newportals").empty(); 
     for(var i=3;i<6;i++){ 
     str+='<li><img align="center" src="p'+i+'.png" /></li>'; 
     } 
     $("#ul_newportals").append(str); 
     //$("#ul_newportals").refresh(); 
    } 
</script>

你有什麼辦法呢？

來源

2013-03-14 LSSESA

，而不是在標籤的onclick寫給一個類或ID像DIS

<a data-theme="c" data-icon="false" href="#" id="change">change</a>

然後在doucment準備功能綁定click事件鏈接到這個鏈接這樣

$('#change').bind('click',function(){ 
      var str=''; 
     $("#ul_newportals").empty(); 
     for(var i=3;i<6;i++){ 
     str+='<li><img align="center" src="p'+i+'.png" /></li>'; 
     } 
     $("#ul_newportals").append(str); 
     //$("#ul_newportals").refresh(); 

});

希望這有助於

來源

2013-06-20 11:42:56

非常感謝，我從我的項目中刪除了jqm – LSSESA 2014-02-24 08:46:31

Jquerymobile Flexslider

回答

相關問題