大きな画像パスがこれに設定されていないのはなぜですか？

私は、これは'src'のために正しいかどうか$('#bigImage').attr("data-big", LargeImagePath);しかし、同じステートメントの作業罰金であるかはわかりません。

IE。 JSPで私はmediumImagePathの値を得ますが、それほど大きくない場合がありますdata-bigの場合には.attrは使用されませんので、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(); 
     } 
    }); 
}

これは私がこれらの値を設定しようとしているdivです：

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>

どうか間違って説明してください。

出典

2016-02-15 Himanshi

エラーコンソールで？ –

どのように 'getImageDetails'を呼び、期待される結果は何ですか？画像に実際に影響する唯一の属性は 'src'属性です。それ以外は手動で処理する必要があります。 –

申し訳ありませんが、問題は何か分かりません。何を助けてくれるのですか？ – jfriend00

あなたはdataあなたはだからあなたのコードが$('#bigImage').data("big", LargeImagePath);

のようなものでなければなりませんdataとNOT attr

を使用する必要があります属性にアクセスしたいここでは完全な例です：

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

出典

2016-05-19 09:46:43

大きな画像パスがこれに設定されていないのはなぜですか？

答えて

関連する問題