带有 jquery 的 Django 库答案

【问题标题】：Django gallery with jquery带有 jquery 的 Django 库
【发布时间】：2017-06-27 21:01:28
【问题描述】：

我想创建图片库。我只有没有 bigImage 的微型图我不知道我做错了什么。

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

【问题讨论】：

我的回答对你有帮助吗？如果是，请将其标记为已接受。这是 StackOverflow 中的一个好习惯！

标签： jquery django django-templates

【解决方案1】：

我认为你的错误不是在 jQuery 中，而是关于你的上下文是为了呈现这个 html。

由于ImageGallery 正确呈现（如您所说），这是因为{{ image }} 取自for 循环。但是就行了：var bigImagePath = '{{image.image.url}}' + $(this).attr('alt'); {{ image.image.url }} 变量是否存在？请注意，它在 for 循环之外。

【讨论】：