cari

Rumah >hujung hadapan web >tutorial js >Penjelasan terperinci tentang tag_jquery tersuai jQuery Mobile

Penjelasan terperinci tentang tag_jquery tersuai jQuery Mobile

WBOY
WBOYasal
2016-05-16 15:21:391091semak imbas

Artikel ini menerangkan teg tersuai jQuery Mobile dengan contoh dan berkongsinya dengan anda untuk rujukan anda Kandungan khusus adalah seperti berikut
Apabila merancang keperluan pengantarabangsaan produk, ia melibatkan Web PC, Web mudah alih dan pelbagai aplikasi. Berbilang versi web mudah alih telah direka, tiada satu pun yang sesuai.
Memandangkan Web mudah alih menggunakan rangka kerja Mudah Alih jQuery, terdapat perbincangan tentang tempat yang lebih munasabah untuk menukar bahasa. Saya tidak akan menyebut proses perbincangan dan pelbagai rancangan Mari kita lihat kesan akhir dahulu:

Adakah ia berasa sangat berpengalaman? Saya mencubanya berkali-kali pada mulanya dan akhirnya memperibadikan pilihan lungsur ke bawah: 

<!DOCTYPE html> 
<html> 
<head> 
  <title>jQuery Mobile</title> 
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0"> 
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
  <meta http-equiv="Expires" content="0"> 
  <meta http-equiv="Pragma" content="no-cache"> 
  <meta http-equiv="Cache-control" content="no-cache, must-revalidate"> 
  <meta http-equiv="Cache" content="no-cache"> 
  <link rel="stylesheet" href="jQuery/jquery.mobile-1.4.4.min.css" type="text/css"> 
  <script type="text/javascript" src="jQuery/jquery-1.8.3.min.js"></script> 
  <script type="text/javascript" src="jQuery/jquery.mobile-1.4.4.min.js"></script> 
  <script type="text/javascript" src="jQuery/jquery.cookie.js"></script> 
  <script type="text/javascript" src="jQuery/jquery.i18n.properties-min-1.0.9.js"></script> 
  <style type="text/css"> 
    .comFooter{ 
      position: absolute; bottom: 0; left:0; height: 40px; width: 100%; 
    } 
  </style> 
</head> 
<body> 
  <div data-role="page" id="pageWel" data-title="脚本"> 
    <div data-role="header" data-theme="b"> 
      <a href="#" data-role="button" class="ui-btn-left" data-icon="check">测试</a> 
      <h1 class="title" data-i18n="global_title"> 
        脚本之家
      </h1> 
      <!-- 具体代码 --> 
      <a href="javascript:void(0);" data-role="none" aria-haspopup="true" class="ui-btn-right"> 
        <select class="hupu_i18n_select" data-icon="check" data-role="button" data-inline="false" data-native-menu="false"> 
          <option value="zh-CN">简体中文</option> 
          <option value="zh-TW">繁體中文</option> 
          <option value="en">English</option> 
          <option value="ja">日本語の</option> 
        </select> 
      </a> 
      </div> 
    <div role="main" class="ui-content"> 
      欢迎大家关注脚本之家 
    </div> 
    <div data-role="footer" data-theme="b" class="comFooter"> 
      <span style="height: 40px; line-height: 40px; text-align: center; display: block; font-size: 9px;">1213456</span> 
    </div> 
  </div> 
</body> 
</html>

Di atas ialah pengenalan yang berkaitan dengan teg tersuai jQuery Mobile. Saya harap ia akan membantu semua orang memahami teg tersuai jQuery Mobile.

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Cara mudah untuk membandingkan saiz tarikh dalam kemahiran javascript_javascriptArtikel seterusnya：Cara mudah untuk membandingkan saiz tarikh dalam kemahiran javascript_javascript

Artikel berkaitan

Lihat lagi