尝试使用功能

我想用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

尝试使用功能

回答

相关问题