Question

我是django的新手，我有8张卡。每张具有ID，内容和图像路径的卡，都是我从数据库中动态绘制的。现在，当用户单击一张卡片时，卡片信息应存储在javascript对象中并应在控制台上打印。我到目前为止所做的代码是

<div class="row">
  {% for i in room %}
    <div class="col-4">
      <div class="card6 mt-3" id="main_{{ i.id }}" style="width: 12rem;" onclick="getdata({{ i.id }})">
        <img src="{{ i.image.url }}" id="img_{{ i.id }}" alt="..." width="185" height="100">
        <div class="card-body">
          <p class="card-text" id="cont_{{ i.id }}"><b>{{ i.content }}</b></p>
        </div>
      </div>
    </div>
  {% endfor %}
</div>

在JAVASCRIPT中，我编写了onclick获取数据功能

var object= [];
function getData(id,image,content)
  {
     var id = id;
     var image= $("#img_"+id).attr('src');
     var content = $("#cont_"+id).text();
     console.log('id', id)
     console.log('image', image)
     console.log('content', content)
  }
});

仍然出现类似 project1：77 Uncaught ReferenceError之类的错误：未定义getdata 在HTMLDivElement.onclick（，请查看代码中是否有任何错误，请帮帮我

Answer 1

var object= [];
function getdata(id,image,content)
  {
     var id = id;
     var image= $("#img_"+id).attr('src');
     var content = $("#cont_"+id).text();
     console.log('id', id)
     console.log('image', image)
     console.log('content', content)
  }
});

使用所有小写字母更改JS函数名称

我们如何在django中采用的onclick函数中动态添加id？

1 个答案: