ライトボックスはサブディレクトリで動作しません

Question

一般的には比較的新しいブートストラップです。私は現在サイトに取り組んでいます。メインサイトでは、ライトボックスが動作します。私はそれをサブディレクトリに置くと機能しなくなります。

私のディレクトリ構造は次のとおりです。

PUBLIC
- CSS
- 画像
- 他のPHPファイル
- セカンダリサイト
+ CSS
+画像
+他のPHPファイル

Iのいずれかを移動した場合PUBLICのメインサイト（ブートストラップが動作する場所）からSECONDARY SITEライトボックスまでのファイルは機能しなくなります。

私はセカンダリサイトからパブリックメインにいたるまで、突然すべての作業を行います。

私はほとんど両方のサイトで同じコードを使用しています。リンクが正しいサイトを指していることを確認しました。

私の定義は次のとおりです。

<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