2017-04-17 13 views
0

現在、私はJakyllで実行されるGithubページ上で主なindex.htmlファイルをホームページ上にホスティングし、markdownで書かれたページにリンクするホームページを持っています。 Fluidbox jQueryプラグインがHTMLで正しく動作するようになっていますが、私のマークダウンファイルでは動作しません。MarkdownでJavascript/jQueryを実行する

<!-- Load jQuery --> 
 
\t <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
 

 
\t <!-- Load plugins --> 
 
\t <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-throttle-debounce/1.1/jquery.ba-throttle-debounce.min.js"></script> 
 
\t <script type="text/javascript" src="./fluidbox/js/jquery.fluidbox.min.js"></script> 
 

 
\t <!-- JS Functions --> 
 
\t <script> 
 
\t  $(function() { 
 

 
\t   // You can use any kind of selectors for jQuery Fluidbox 
 
\t   $("a[data-fluidbox]").fluidbox(); 
 

 
\t \t }); 
 
\t </script> 
 

 
</footer>

私は、その後にプラグインのエフェクトを実装するために

<a href="path to image" data-fluidbox><img src="path to image" alt="" width="100%" height="auto"/></a>

使用:私はすべてのページにロードされている私のフッターにjQueryのコードを落としました画像。これは自分のMarkdownファイルではなくHTMLファイルで動作します。 JekyllマークダウンファイルでjQueryプラグインを正しく実行するにはどうすればよいですか?

答えて

0

HTML/JSをマークダウンファイルで実行することはできません。マークダウンは実際にHTML/JSを実行する方法を理解するものではないからです。 Markdownファイルが正しくレンダリングされる唯一の理由は、Jekyllがマークダウンファイルを解析して、裏でHTML/JSとしてレンダリングするためです。

いくつかのファイルにMarkdownを使用してHTML/JavaScriptを実行したい場合は、HTMLファイルでマークアップスニペットをレンダリングしてから、必要なHTML/CSS/JSを作成する方がよいでしょう。それはHTMLファイルです。 how you would embed markdown in an HTML file hereをご覧ください。

関連する問題