嘗試使用功能

我想用jqtouch JS庫，所以我嘗試使用功能的它什麼都不顯示插入圖像，但是當我不使用功能，那麼它的正常工作，也用的document.getElementById（使圖庫視圖裏面插入的div圖像「＃」）。innerHTML的，也沒有工作時，我只需插入圖像顯示它所以plz幫助嘗試使用功能

<script> 

    function fun(){ 
      $("#thumbs_container").append('<ul id="thumbs"  class="thumbView" style="display:none;"><li class="pic"><a href="#photo_container"><img        src="thumbs/1.jpg" alt="images/1.jpg" title="this is a description"/></a></li></ul>'); 
    } 
    </script> 

    <body onLoad="fun();"> 
    <div id="about" class="selectable"> 
     <p><img src="codropsIcon.png"/></p> 
     <p> 
      <strong>Wonderwall Image Gallery</strong> 
      <a href="http://www.codrops.com">By Codrops</a> 
     </p> 
     <p>A web app created with <br /> <strong>jQTouch</strong></p> 
     <p><br /><br /><a href="#" class="grayButton goback">Close</a></p> 
    </div> 
    <!-- The list of images (thumbs) --> 
    <div id="thumbs_container" class="current"> 
     <div class="toolbar"> 
      <h1>Thumbs</h1> 
      <a class="button slideup" id="infoButton" href="#about">About</a> 
     </div> 


     <!--<ul id="thumbs" class="thumbView" style="display:none;"> 
      <li class="pic"><a href="#photo_container"><img  src="thumbs/1.jpg" alt="images/1.jpg" title="this is a description"/></a></li> 
      <li class="pic"><a href="#photo_container"><img src="thumbs/2.jpg" alt="images/2.jpg" title="great!"/></a></li> 

     </ul>--> 




    </div> 
    <!-- The single image container --> 
    <div id="photo_container"> 
     <div class="toolbar"> 
      <h1>Photo</h1> 
      <a class="back" href="#thumbs_container">Photos</a> 
      <a class="button slideup" id="infoButton" href="#about">About</a> 
     </div> 
     <div class="loader" style="display:none;"></div> 
     <div id="theimage" class="singleimage"></div> 
     <div class="descriptionWrapper"> 
      <p id="description"></p> 
      <div id="prev" style="display:none;"></div> 
      <div id="next" style="display:none;"></div> 
     </div> 
     </div> 
    </body> 
    </html>

來源

2014-06-08 Lalit Singh

你有你的函數中style="display:none;集。刪除它，它應該工作正常。

來源

2014-06-08 19:29:45 Vector

thaku SOOOO多:)它的工作。 –

1）您需要包括jQuery的在你的頁面。也許你copypasted只是你的文件的一個組成部分，但要確保你做這樣的事情，包括jQuery的：

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>

2）要附加的HTML具有以下屬性：

style="display:none;"

因此，即使如果這樣做，你將看不到圖像。

3）最後，確保你正在試圖展示形象存在。

來源

2014-06-08 19:37:36 superiggy

嘗試使用功能

回答

相關問題