Javascript 尝试使用函数在div中插入图像_Javascript_Jquery_Html_Cordova

Javascript 尝试使用函数在div中插入图像

javascript jquery html cordova

Javascript 尝试使用函数在div中插入图像,javascript,jquery,html,cordova,Javascript,Jquery,Html,Cordova,我想使用jqtouch js库创建gallery视图，所以我尝试使用函数“it show nothing”插入图像，但当我不使用函数时，它会正常工作，还使用了document.getElementById（“#”）。innerHTML在我简单插入图像时它也不工作，所以请提供帮助 <script> function fun(){ $("#thumbs_container").append('<ul id="thumbs" cla

我想使用jqtouch js库创建gallery视图，所以我尝试使用函数“it show nothing”插入图像，但当我不使用函数时，它会正常工作，还使用了document.getElementById（“#”）。innerHTML在我简单插入图像时它也不工作，所以请提供帮助

    <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>


函数fun（）{
$（“#thumbs_container”）.append（“/ul>”）；
}


Wonderwall图像库

使用jQTouch创建的web应用程序



拇指
照片

您的函数中设置了

style=“display:none；”

。删除此项，它应该可以正常工作。

1）您需要在页面中包含jQuery。您可能只是复制粘贴了文件的一部分，但请确保执行类似操作以包含jQuery：

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

因此，即使这样做有效，您也不会看到图像

3）最后，确保您试图显示的图像存在

style="display:none;"