風格並不適用於ListView控件

<head> 

     <meta name="format-detection" content="telephone-no"> 
     <link rel="stylesheet" href="css/themes/default/jquery.mobile-1.2.0.css"> 
     <link rel="stylesheet" href="css/main.css"> 
     <script src="js/jquery.js"></script> 
     <script type="text/javascript" src="js/jquery.mobile-1.2.0.js"></script> 
    </head> 
    <body> 

     <div data-role="page" id="main"> 


      <script type = "text/javascript" > 
       $(document).on('pagebeforeshow', '#main', function() { 


        $.ajax({ 
         url: "http://localhost/PhpProject1/index.php", 
         jsonpCallback: 'yes', 
         contentType: "application/json", 
         dataType: 'jsonp', 
         success: function(data) { 
          console.log(data); 

          var markup = ""; 
          $.each(data.list, function(i, elem) { 
           var $template = $('<li> <div class=ui-grid-a > <div class=ui-block-a ><a >' + "yes" + '</a> </div> <div class=ui-block-b data-theme=a> ' + "vkmcmv" + '</div> </div> </li>'); 
           $("#tweet-list").append($template); 

          }); 
          $("#tweet-list").listview("refresh", true); 


         }, 
         error: function(request, error) { 
          alert(error); 

         } 
        }); 


       }); 





      </script> 


      <div data-role="header" class="logo"> 
       <img src="img/lanwa.png" /> 
       <br/> 
       <h2>Lanwa Sales pad</h2> 
      </div> 
      <div data-role="content"> 



         <ul id="tweet-list" data-role="listview" data-inset="true" data-filter="true" > 

         </ul> 

      </div> 

      <div data-role="footer"> 

      </div> 
     </div> 
    </body>

我想上面的代碼顯示在列表視圖中的項目它的工作原理fine.But設計一直沒有應用於列表視圖，雖然我輸入的默認樣式sheet.Follwing圖像會顯示最終如何來像風格並不適用於ListView控件

The List view image

來源

2013-11-14 user2889058

請提供更多代碼，這將有助於回答您的問題。我不認爲這是原因，但如果你在你的屬性周圍加上引號，它會是粘性： var $ template = $（'

' + "yes" + '

' + "vkmcmv" + '

'）; 如果你有所有需要的類，請再次檢查你的CSS。 –

我添加了所有默認的css文件。我認爲這樣就足夠了 – user2889058

請根據你所編碼的內容（quelle surprise），描述一下你希望它看起來像什麼，從我看到的看起來應該是這樣。 –

1）loks如果你需要3列，你必須使用ui-grid-b，而不是ui-grid-a

2）如果我理解你correc您要使用看起來像按鈕的鏈接（請參見here）。在這種情況下，您必須將data-role="button"部分放入您的鏈接中：

<a href="index.html" data-role="button">Link button</a>

來源

2013-11-14 15:35:30

風格並不適用於ListView控件

回答

相關問題