Fenêtre onload fonction ne fonctionne pas correctement?

C'est mon code :

J'ai utilisé de la fenêtre onload fonction pour remplir les éléments de l'interface utilisateur, mais il ne fonctionne pas correctement. 

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Regalo - Shop</title>
<link  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>

J'essaie de trouver le problème mais ne le pouvait pas. Votre aide serait très appréciée.

  • N'essayez pas de débogage JavaScript en regardant de côté de serveur de code.
  • Regarder le JavaScript de votre serveur de code côté sorties. Déterminer pourquoi cela ne fonctionne pas. Ensuite viens de le corriger, ou de déterminer pourquoi le côté serveur de code ne vous donne pas le résultat que vous pensez qu'il devrait.
  • Est-il une raison particulière pour laquelle vous n'utilisez pas votre code côté serveur pour générer du contenu HTML, plutôt que de haxing en JavaScript à la place?
  • D'accord avec @Quentin dit, mais vous pourriez aussi essayer d'utiliser $(document).ready(function(){...
InformationsquelleAutor user2810351 | 2014-05-01
  1. 2
    window.onload = function(){ alert('Working!!'); }

    Utiliser la fonction ci-dessus et assurez-vous d'utiliser uniquement un windows.onload de la fonction dans une page

    InformationsquelleAutor Rohit