Lightbox2没有启动

Question

好的，我认为需要几分钟时间才能实现，现在占用了我一个多小时的时间，我只是感到非常困惑。

我按照说明下载了lightbox2;将他们的CSS和JS嵌入我的index.html

的头部

<link href="lightbox/lightbox.css" rel="stylesheet">
<script src="lightbox/lightbox-plus-jquery.js"></script>

我只在localhost上测试它，如果这有任何区别。路径设置正确100％，CSS所需的4个图像的路径也是如此..

现在在我体内，我正在使用带有data-lightbox属性的href，如下所示

<a class="example-image-link" href="gallery/i1.jpg" data-lightbox="group" data-title="Optional caption.">
    <img class="example-image" src="gallery/i1.jpg" alt="desc">
</a>
<a class="example-image-link" href="gallery/i2.jpg" data-lightbox="group" data-title="Optional caption.">
    <img class="example-image" src="gallery/i2.jpg" alt="desc">
</a>

页面上没有其他内容，因此结果如下所示：

问题在于，当我点击其中一个图片时，而不是弹出的灯箱只会在全屏标签中打开图片。就像灯箱根本不工作一样，它只是跟随a href到图像..我甚至尝试了JSFiddle并加载了与外部资源相同的CSS和JS，它正在做同样的事情。看看你自己 - ＆gt; JSFIDDLE

我对任何想法持开放态度。真的不明白我错过了什么。

Answer 1

您应该将@app.route('/pie',methods=['POST']) def pie(): tmp1 = request.form.get('node_id') tmp2 = request.form.get('col_select') tmp3 = request.form.get('col_filter[]') return jsonify(otstr=[tmp1,tmp2,tmp3]) 位移到HTML中的<script src="lightbox/lightbox-plus-jquery.js"></script>标记的末尾，而不是body。问题是如果脚本在头部，它将在图像准备好被库解析之前运行。