2017-01-27 18 views
0

初心者はこちらです。私は非常に限られたコイリングスキルを持っていますが、WeeblyサイトにスクリプトをインストールするのはOKです。これをしばらくの間行い、私がコードを書くことはできませんが、私はいくつかのことを学びました。jQueryコードはWeeblyで動作しません - なぜですか?

私はcodecanyonで購入したスライダーコードをインストールしたいと思います。私はここにリンクを挿入することができないのかどうかはわかりませんが、その名前は "Lush slider"であり、サイトで見つけることができます。

私の問題は:私は.jsと.cssファイルと画像をアップロードしました。私はスライダのためのエディタを購入し、スライダをしました。私はサイトにコピーしたコードを持っています。私は出版の前にイメージを見ることができるが、後には見ることができない。それは空白のままです。私はWeeblyが "$"のものに問題があるかもしれないというリンクを見つけました - 私はそれに精通していません。問題を引き起こす原因を助けてください。次のように

私は私のフッターに挿入しなければならなかったコードは次のとおりです。

<script> 
    $(document).ready(function(){ 
    $('.lush-slider').lush({ 
    baseWidth: 1455 
    , baseHeight: 450 
    }) 
</script> 

おかげで任意の助けのためにたくさん!

+0

するのではなく、それをアクセスするために)(jQueryのを使用してみてくださいhttps://api.jquery.com/jquery.noconflict/ –

+0

を見てください、あなたのブラウザのコンソールにエラーがありますか? –

答えて

0

ここではタイプミスかもしれませんが、ドキュメント準備完了宣言を締め切っているわけではありません。また、サイトがjqueryを持っているかどうかを確認するには、jqueryへのローカル参照かCDN配信バージョンのいずれかを探します。

<script> 
    $(document).ready(function(){ 
    $('.lush-slider').lush({ 
    baseWidth: 1455 
    , baseHeight: 450 
    }); // closes the lush method 
}); //closes the document.ready 
</script> 

私もそれを設定し、また、右のファイルが呼び出され、正しい順序で呼び出されていることを確認するにはあなたを助けることが、ここでのドキュメント(http://js.ofrance.fr/lush-content-slider/documentation/help.html)を発見しました。

+0

ありがとう!これはうまくいった!最後に、ウェブサイトの公開後にスライダーが表示されます。巨大な感謝! もう1つ:ノートパソコンでは全幅ですが、モバイルビューでは左右に余白があります。私はCSSの属性をどこで探すべきですか?通常はモバイルビュー用に別のコードがありますか、それとも私のmain.cssの中にありますか?もう一度、ありがとう! – Neo3

関連する問題