2016-05-20 13 views
0

ここでおそらく非常に簡単な修正jQueryのドロップダウンメニュー属性

私は(私は一般的にコーディングでかなりアマチュアだ)私が働いているサイトのためのいくつかのドロップダウンテキストにjQueryを使って働いています

この機能はモバイルデバイス上で動作するようですが、すべてのCSS属性がテキストに反映されず、すべてのデザインがデフォルトになります。しかし、それはWebブラウザ上で完全に正常に動作しています

どこに間違っているのか分かりますか?ここで

は、私が働いているものです:

<a href="javascript:void(0)" id="paragraphAnchor" class="text"> 
<img src="images/definition-02.png" style="top:-20px; left:6%; 
position:absolute; width:40%; max-width:194px;"></a> 

<a href="javascript:void(0);" id="paragraphAnchor"> 

<p id="info"> 
Lorem Ipsum 
</p> 
</a> 

CSS

#info { 

font-family: Helvetica; 
font-weight:normal; 
font-size:13px; 
max-width:460px; 
width:80%; 
left:6%; 
top:40px; 
padding:6px; 
letter-spacing:0em; 
color:#666; 
background-color:white; 
box-shadow: 1px 1px 2px 1px #CCCCCC; 
border-radius:4px; 
border:0px solid #333; 
position:absolute; 
z-index:2000px; 
} 

#info a { 

font-family: Helvetica; 
font-size:13px; 
color:#333; 
text-decoration:none; 

} 

任意のポインタは、おかげで素晴らしいだろう!

答えて

0

は以下の通りです

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" /> 
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> 
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> 

モバイル関連のjQueryプラグイン以下のコードを試してみてください。

  1. http://jquerymobile.com/
  2. http://jqtjs.com/
  3. http://phonegap.com/
+0

その作業が、その後 –

+0

は、私は元のクエリ機能はそれだけで失うの携帯に取り組んでいるわけ..何らかの理由で他のすべてのウェブサイトのスクリプトを台無しにそれは何らかの理由でスタイル属性です –

+0

あなたはフィドルを投稿できますか? – Nishant123