求助:网页新增声明后,不知是否和冲突,导致导航条等处无法显示中文_html/css_WEB-ITnose
css jQuery 字体 html
用css定义好字体后, 导航条和; 等处能正常显示中文. 但在增加了jquery的声明后,以上各处只能显示英文, 如换成中文,则什么也不显示(输出为空). 网页中其它地方中文可正常显示. 但jquery功能又是必需(网页的其它地方需要用到),实在不知道为什么会产生这样的冲突,求解决办法,多谢!
部分html相关代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><link href="./css/styles.css" rel="stylesheet" type="text/css" /><script src="./js/jquery-1.4.2.min.js" type="text/javascript"></script><script src="./js/cufon-yui.js" type="text/javascript"></script><script src="./js/express_400.font.js" type="text/javascript"></script><link href="./css/nivo-slider.css" rel="stylesheet" type="text/css" /><script type="text/javascript" src="./js/jquery-1.4.2.min.js" language="javascript"></script><script type="text/javascript" src="./js/jquery.tools.min.js" language="javascript"></script><script type="text/javascript" src="./js/jquery.nivo.slider.js"></script><!--[if IE 6]><script defer type="text/javascript" src="http://tf.dtbaker.com.au/template/cute_sweet/brown-baby/js/pngfix.js"></script><![endif]--><!-- start lightbox code --><link rel="stylesheet" href="./css/jquery.lightbox-0.5.css" type="text/css" /><script type="text/javascript" src="./js/jquery.lightbox-0.5.pack.js"></script><script type="text/javascript" src="./js/javascript.js"></script><script type="text/javascript" src="./js/jquery.rounded.js"></script><!-- end lightbox code --><meta charset="UTF-8"></head><body><div id="bg_top"> <div id="wrapper"> <div id="header"> <div id="logo"><a href="./index.html"><img src="/static/imghw/default1.png" data-src="./images/logo.png" class="lazy" style="max-width:90%" style="max-width:90%" border="0" alt="Logo" /></a></div> <div id="header_photos"> <div class="two"></div> <span class="three"><img src="/static/imghw/default1.png" data-src="./images/header-flower3.png" class="lazy" alt="3" style="max-width:90%" style="max-width:90%" /></span> <div class="one"><img src="/static/imghw/default1.png" data-src="./images/header-flower1.png" class="lazy" alt="1" style="max-width:90%" style="max-width:90%" /></div> </div> <!--end header photos--> <div id="menu"> <ul id="navigation"> <li><a href="./index.html" class="active">Home</a></li> <li><a href="./categories.html">Categories</a></li> <li><a href="./contact.html" style="border:none;">Contact</a></li> </ul> <!--end navigation--> </div> <!--end menu--> </div> <!--end header--> <div id="content_bg"> <div id="sidebar"> <!-- start menu --> <div id="menu_string"><img src="/static/imghw/default1.png" data-src="./images/tag-string.png" class="lazy" style="max-width:90%" style="max-width:90%" alt="string" /></div> <div id="menu_wrapper"> <div id="menu_header"> <div id="menu_footer"> <h3 id="shop">shop</h3> <ul> <li><a href="">New Arrivals</a></li> <li><a href="">On Sale</a></li> <li><a href="./categoriea.html">For Newborn (Birth+)</a></li> <li><a href="./categorieb.html">For Infant (6 Months+)</a></li> <li><a href="./categoriec.html"For >Toddler (12Months +)</a></li> </ul> <br class="clear" /> </div> </div> </div> <!-- end menu -->...... <div class="clear"></div> </div> <!--end content bg--> ...... </div> <!--end wrapper--></div><!--end bg_top--><script type="text/javascript"> Cufon.now(); </script></body></html>
部分css相关代码如下:
@charset "utf-8";/* CSS Document */ /*Template Layout*/body { background-color:#eeebda; background-image:url(../images/page-bg.jpg); background-position:top; background-repeat:repeat; margin:0px; padding:0px; color:#6f5b40; font-family:Arial, Helvetica, sans-serif, "微软雅黑"; font-size:13px; line-height:1.5em; text-align:center; }a, a:link, a:visited { color:#675237; outline: none; }a:hover { color:#af9d87; text-decoration:none;}#bg_top { background:url(../images/header.png) center top no-repeat; min-height: 100%; text-align:left; width:100%; margin-top:80px;}#wrapper { width:972px; margin:0px auto;}#header { height:222px; width:972px; margin:0px auto;}/*menu*/#menu { height:30px; padding:16px 0 6px 0; clear:both;}ul#navigation { margin:0px 0 0 30px; padding:0px; float:left; z-index:100; width:760px;}ul#navigation li { float:left; list-style:none; display:inline; padding:0px; margin:0px;}ul#navigation a { float:left; color:#675237; padding:0px 13px 20px 13px; text-decoration:none; font:24px arial, serif, "微软雅黑"; text-transform:lowercase; letter-spacing:1px; }ul#navigation li.hover a, ul#navigation li:hover a, ul#navigation a.active, ul#navigation a:hover { color:#8d7e6b; }/* General Content*/h1 { color:#af9d87; font-size:30px; margin:0px; padding:0px;}h2 { color:#675237; font-size:20px;}h3 { color:#675237; font-size:18px;}/*side menu tag*/#sidebar { margin-left:29px; float:left;}#menu_string { width:178px; height:22px; margin:-20px 0 0 0; z-index:101; /*makes dropdown sit on top of flash & map*/}#menu_wrapper { width:178px; background:url(../images/tag-tile.jpg) repeat-y; margin:0 0 18px 0;}#menu_header { width:178px; background:url(../images/tag-top.jpg) no-repeat top;}#menu_footer { width:178px; background:url(../images/tag-bottom.jpg) no-repeat bottom; min-height:265px; padding-bottom:40px;}#menu_wrapper h3 { text-align:center; margin:0; padding:20px 0 0 0; color:#ded6c5; font-size:24px;}#menu_wrapper ul { width:178px; padding:5px 0 0 0; margin:0; list-style:none; color:#846324; font-size:13px; font-family:Arial, Helvetica, sans-serif, "微软雅黑"; text-align:center;}#menu_wrapper ul li { margin:0; padding:0; list-style:none; float:left; clear:left;}#menu_wrapper ul li a { display:block; float:left; clear:left; padding:4px; text-decoration:none; width:170px;/*178*/ text-align:center; color:#846324; line-height:normal;}#menu_wrapper ul li a:hover { text-decoration:underline;}......
回复讨论(解决方案)
JQuery 声明是指
<script src="./js/jquery-1.4.2.min.js" type="text/javascript"></script>
乱码了我都是直接新建文件,然后copy现成的进去。
JQuery 声明是指
<script src="./js/jquery-1.4.2.min.js" type="text/javascript"></script>
乱码了我都是直接新建文件,然后copy现成的进去。
对不起不是乱码了, 是只能显示英文,不能显示中文

Alat AI Hot

Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool
Gambar buka pakaian secara percuma

Clothoff.io
Penyingkiran pakaian AI

AI Hentai Generator
Menjana ai hentai secara percuma.

Artikel Panas

Alat panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas



Artikel ini membincangkan html & lt; kemajuan & gt; elemen, tujuan, gaya, dan perbezaan dari & lt; meter & gt; elemen. Tumpuan utama adalah menggunakan & lt; kemajuan & gt; untuk menyelesaikan tugas dan & lt; meter & gt; untuk stati

Artikel ini membincangkan html & lt; datalist & gt; elemen, yang meningkatkan bentuk dengan menyediakan cadangan autokomplete, meningkatkan pengalaman pengguna dan mengurangkan kesilapan. Kira -kira: 159

Artikel ini membincangkan html & lt; meter & gt; elemen, digunakan untuk memaparkan nilai skalar atau pecahan dalam julat, dan aplikasi umum dalam pembangunan web. Ia membezakan & lt; meter & gt; dari & lt; kemajuan & gt; dan Ex

Artikel membincangkan amalan terbaik untuk memastikan keserasian silang pelayar HTML5, memberi tumpuan kepada pengesanan ciri, peningkatan progresif, dan kaedah ujian.

Artikel ini membincangkan menggunakan atribut pengesahan bentuk HTML5 seperti had, corak, min, max, dan panjang untuk mengesahkan input pengguna secara langsung dalam penyemak imbas.

Artikel ini membincangkan tag Meta Viewport, penting untuk reka bentuk web responsif pada peranti mudah alih. Ia menerangkan bagaimana penggunaan yang betul memastikan skala kandungan yang optimum dan interaksi pengguna, sementara penyalahgunaan boleh membawa kepada isu reka bentuk dan kebolehaksesan.

Artikel ini membincangkan & lt; iframe & gt; Tujuan TAG dalam membenamkan kandungan luaran ke dalam halaman web, kegunaan umum, risiko keselamatan, dan alternatif seperti tag objek dan API.

Giteepages Statik Laman Web Penggunaan Gagal: 404 Penyelesaian Masalah dan Resolusi Ralat Semasa Menggunakan Gitee ...
