Django畫廊與jquery

-1

我想創建圖片庫。我只有miniI沒有bigImage 我不知道我做錯了什麼。Django畫廊與jquery

{% extends "shop/base.html" %} 
{% load static %} 

{% block title %}{{ product.name }}{% endblock %} 
{% block content %} 
<script language="JavaScript" type="text/javascript"> 
    $(document).ready(function() { 
     $('#ImageGallery img').click(function() { 
      var bigImagePath = '{{image.image.url}}' + $(this).attr('alt'); 
      $('#bigImage').attr('src', bigImagePath); 
     }) 

    }) 
</script> 

<div id="ImageGallery"> 
    {% for image in images %} 
     <img src="{{image.image_url}}" alt="test" style="width: 100px; cursor: pointer;"> 

    <div> 
     <img id="bigImage" alt=""> 
    </div> 
    {% endfor %} 
</div> 

{% endblock %}

ImageGallery在網站上顯示，沒有BigImage。我認爲我的錯誤是jq

來源

2017-02-09 KeepItSick

我的回答對你有幫助嗎？如果是，請將其標記爲已接受。這在StackOverflow中是一個好習慣！ –

我認爲你的錯誤不是在jQuery中，而是關於你的上下文是爲了渲染這個html。

由於ImageGallery已正確呈現（如您所說），這是因爲{{ image }}取自for循環。但是在線上：var bigImagePath = '{{image.image.url}}' + $(this).attr('alt');是否存在{{ image.image.url }}變量？請注意，它在for循環之外。

來源

2017-02-10 08:32:36

Django畫廊與jquery

回答

相關問題