Question

我一般来说相对较新的引导程序。我目前正在一个网站上工作。在主站点，灯箱工作。当我把它放在一个子目录中时它停止工作。

我的目录结构如下。

PUBLIC
- css
- 图像
- 其他php文件
- 次要网站
   + css
  +图像
  +其他php文件

如果我将任何文件从PUBLIC主站点（引导程序工作）移动到SECONDARY SITE灯箱停止工作。

每当我做相反的事情时，从SECONDARY SITE到PUBLIC main，它都会突然发挥作用。

我几乎在两个网站上使用相同的代码。我确保链接指向正确的网站。

以下是我的定义。

<link rel="stylesheet" href="css/defined.css">
<link href="css/ekko-lightbox.css" rel="stylesheet">
<link href="css/ekko-lightbox.min.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="css/ekko-lightbox.js"></script>
<script src="css/ekko-lightbox.min.js"></script>
<script type="text/javascript">
$(document).on('click', '[data-toggle="lightbox"]', function(event) {
    event.preventDefault();
    $(this).ekkoLightbox();
});

<div class="container-fluid">
<div class="row">
  <div class="col-lg-3 col-md-6 col-sm-12 col-xs-12" align="center"><a href="images/tm_application_swatches/tm01.jpg" data-title="IMAGE NAME" data-toggle="lightbox"><img class="thumbnail" height="250" style="display:inline" src="images/tm_application_swatches/tm01.jpg"></a><p></p></div>
</div>
</div>

在Chrome的开发者工具上，它抓住了这一点。

Uncaught TypeError: this.lightbox_body.htmll is not a function
    at b.showLoading (ekko-lightbox.min.js:7)
    at new b (ekko-lightbox.min.js:7)
    at HTMLAnchorElement.<anonymous> (ekko-lightbox.min.js:7)
    at Function.each (jquery.min.js:2)
    at r.fn.init.each (jquery.min.js:2)
    at r.fn.init.a.fn.ekkoLightbox (ekko-lightbox.min.js:7)
    at HTMLAnchorElement.<anonymous> (tm_swatch.php:22)
    at HTMLDocument.dispatch (jquery.min.js:3)
    at HTMLDocument.q.handle (jquery.min.js:3)

我没有想法，非常感谢您的帮助。

Answer 1

您使用的是相对链接，例如href="css..，但您很可能需要拥有根相对链接，例如href="/css

Lightbox无法在子目录中工作

1 个答案: