Question

这是我的代码：

我使用了窗口onload函数来填充ui元素，但它无法正常工作。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Regalo - Shop</title>
<link rel="stylesheet" href="<%=request.getContextPath()%>/resources/css/bootstrap.min.css" />
<script src="<%=request.getContextPath()%>/resources/js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript">

$(window).on('load',function(){
    alert("OK");
    <c:forEach var="item" items="${itemList}">

            var name= '${item.desktopbrand}';
            var details='${item.details}';
            var id = '${item.desktopid}';
            var price = '${item.desktopid}';
            var catagory = '${item.catagory}';          

    var spanTag = '<div class="col-sm-6 col-md-4"> <div class="thumbnail"> <img data-src="img/Desktop/'+ id +'.jpg"> <div class="caption"><h3>'+ name+ '</h3> <p>'+ price+ '</div> </p> <p><button type="button" class="btn btn-success btn-lg" onclick="details()">Show Details</button></p><p><button type="button" class="btn btn-success btn-lg" onclick="addToCart()">Buy now</button></p></div></div></div>';
    $("#" + catagory).append(spanTag);
        </c:forEach>
    });
</script>
</head>
<body>
    <h1>Gens Cooner</h1>
    <div id="gen" class="container"></div>
    <h1>Ladies Cooner</h1>
    <div id="lad" class="container"></div>
    <h1>Childrens Cooner</h1>
    <div id="chil" class="container"></div>
</body>
</html>

我试图找到问题，但不能。非常感谢您的帮助。

Answer 1

window.onload = function(){ alert('Working!!'); }

使用上述功能并确保在页面中仅使用一个windows.onload功能

窗口加载功能不能正常工作？

1 个答案: