Dlaczego Ścieżka dużego obrazu nie jest w tym ustawiona?

Nie jestem pewien, czy to jest poprawne, czy nie $('#bigImage').attr("data-big", LargeImagePath); Ale sama praca grzywny oświadczenie dla 'src'.

IE. na JSP otrzymam wartość mediumImagePath, ale nie duża może .attr nie będzie używać w przypadku data-big, więc co należy użyć do data-big.

xyz.js

function getImageDetails(mediumImagePath, LargeImagePath) { 
    alert(mediumImagePath+"_______"+mediumImagePath); 
    jQuery.ajax({ 
     type : 'GET', 
     url : 'productDetailsPage.do', 
     data : {}, 
     success : function(data) { 
     $('#bigImage').attr("src", mediumImagePath); 
     $('#bigImage').attr("data-big", LargeImagePath); 
     alert(data);   
     $("#productListPage").hide(); 
     $("#productDetailsPage").show(); 
     } 
    }); 
}

To div gdzie gdzie Próbuję ustawić te wartości:

Abc.Jsp

<div class="view-product"> 
    <img id="bigImage" class="fancybox" src="" 
     data-big="images/home/suitlarge.jpg" /> 
    <h3>ZOOM</h3> 
</div>

Productdiv. jsp

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> 
<div> 

    <c:forEach items="${products}" var="products"> 
     <div class="col-sm-4"> 
      <div class="product-image-wrapper"> 
       <div class="single-products"> 
        <div class="productinfo text-center"> 
         <img src="${products.smallImage}" onclick="getImageDetails('${products.mediumImage}', '${products.largeImage}');" alt="${products.productId}productImage" /> 
         <h2>${products.allPrice}</h2> 
         <p>${products.name}</p> 
        </div> 
       </div> 
        <ul class="nav nav-pills nav-justified"> 
         <li><a href=""><i class="fa fa-plus-square"></i>Add to 
           Wishlist</a></li> 
        </ul> 
       </div> 
      </div> 

    </c:forEach> 
</div>

Proszę pomóż i wyjaśnij, co jest nie tak.

Źródło

2016-02-15 Himanshi

jakikolwiek błąd w konsoli? –

Jak zadzwonić, 'getImageDetails' i jakie są oczekiwane wyniki. Jedynym atrybutem, który ma rzeczywisty wpływ na obraz, jest atrybut 'src'. Wszystko inne musi być obsługiwane ręcznie. –

Przepraszam, ale nie rozumiem, na czym polega problem? O co prosisz o pomoc? – jfriend00

Jeżeli chcesz uzyskać dostęp do data atrybutów należy użyć data i nie attr

więc kod powinien być coś $('#bigImage').data("big", LargeImagePath);

Oto pełna przykład:

<head runat="server"> 
    <title></title> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.3/jquery.min.js"></script> 
    <script type="text/javascript"> 
     $(function() { 
      var big = $("#bigImage").data("big"); 
      alert(big); 
     }); 
    </script> 
</head> 
<body> 
    <img id="bigImage" class="fancybox" src="" data-big="images/home/suitlarge.jpg" /> 
</body>

Źródło

2016-05-19 09:46:43

Dlaczego Ścieżka dużego obrazu nie jest w tym ustawiona?

Odpowiedz

Powiązane problemy