問題タブ [jquery-backstretch]

私はモーダルなウェブサイトを持っています。ただし、1 つのページにアクセスするたびに、モバイル デバイスでのみ、そこにいて 1 秒後にすべてのコンテンツが画面からフェードアウトします。私は を使用していbackstretch.jsますが、この正確な HTML:<div class="modalDialog"><div></div></div>は、コンテンツを維持するためにページに存在する必要があります。クラスの CSS は.modalDialog次のようになります。

この CSS にこれを引き起こしているものはありますか? ありがとう！

私はプラグインhttp://demo.phapsu.com/jquery.elastic_grid/をポートフォリオに使用し、jQuery backstretch プラグイン ( http://srobbin.com/jquery-plugins/backstretch/ ) を<section>Iポートフォリオを入れてください。ポートフォリオ アイテムをクリックしてポートフォリオ アイテムを開いても、バックストレッチは更新されません。私がやりたいことは、ポートフォリオ アイテムが展開されたら (クラス 'og-expanded' が存在する) 更新するために backstretch を呼び出し、展開されたアイテムが閉じられたときに再度 backstretch を呼び出して更新することです。

$("#portfolio").backstretch("resize");ここにあるコード内で呼び出すことにより、バックストレッチを呼び出そうとしました:フォーキング エラスティック グリッド プラグインを使用して、画面上の任意の場所をクリックすることでプレビューを閉じることができます。 、しかし、うまくいかないようです。

どんな助け、ヒントも大歓迎です。ありがとう。

おそらく単純なのですが、検索エンジン向けに正確に理解することも、言葉にすることもできません。私は a.performance と b.personal 練習のために可能な限り jquery を使用しないようにしています。

要素を選択しています

var container = document.getElementById('container');

次に、このjqueryメソッドをチェーンしようとします

container.backstretch('url/to/img');

私が使用しているjqueryプラグインはbackstretch.jsと呼ばれています

これを行う簡単な方法はありますか？または、答えはメソッドの作成方法に依存していますか?

ありがとう！

編集：

コンソールに次のエラーが表示されます。

キャッチされていない TypeError: container.backstretch は関数ではありません

編集：

$(container).backstretch('url/to/img');動作します。しかし、私はそれを完全には理解していません。これは、jQuery がメソッドをアタッチするオブジェクトを作成する必要があるためですか?

ドットを使用してバックストレッチ スライダーのナビゲーションを構築しようとしています。

現在、ドットの値を使用して、クリック時にその値でスライドに変更しています。

1 つまたは 2 つのスライドを自動再生し、インデックスの最初のドットをクリックすると、0 ではなく 01 が返されます。これにより、自動再生スライダーとナビゲーションが壊れます。

グーグルで調べても修正が見つからないようです。何かアイデアはありますか？

この jquery プラグインはhttp://www.jquery-backstretch.com/で入手できますが、$.backstretch() メソッドを呼び出して背景画像を設定するときに jsp ページで使用したいと思います。できました...以下は私のコードです

また、次のようにリソースを適切に設定します。