0

ウェブサイトの場合、jQuery supzersized ギャラリー スクリプトを使用しています: http://buildinternet.com/project/supersized/slideshow/3.2/demo.html

デモでわかるように、右下隅にサムネイル バーを切り替える小さな矢印ボタンがあります。サイトを開くときにこれを自動的にブレンドする設定ファイルのオプションはありません。

そのため、そのボタンのクリックをシミュレートする必要があると思います（ボタンはトレイボタンです。HTMLを参照してください）。私はこのようなことを試しました：

<script>
$(function() {
    $('#tray-button').click();
});
</script>

ただし、これは私がテストしたどのブラウザーでも機能しないようです。

何か案が？

4

7 に答える 7

5 
$('#tray-arrow').click(function() {
 // prepare an action here, maybe say goodbye.
 //
 // if #tray-arrow is button or link <a href=...>
 // you can allow or disallow going to the link:
 // return true; // accept action
 // return false; // disallow 
});

$('#tray-arrow').trigger('click'); // this is a simulation of click
于 2012-11-21T08:31:58.540 に答える
2

これを試して

$("#tray-arrow").live("click", function () {
               // do something

            });
于 2011-09-14T06:22:55.603 に答える
1

使用する代わりに

$(function(){
 //jquery magic magic
});

この魔女を試してみてください。ページ全体がロードされた後（画像など）、jquery マジックが機能します。

$(window).load(function () {
  // jquery magic
});

クリックをシミュレートするには、 // $('#tray-arrow').click(); と同じにする必要があります。

$('#tray-arrow').trigger('click',function(){ })

例：

$(window).load(function () {
  $('#tray-arrow').trigger('click',function(){ 
      alert('just been clicked!'); 
  })
});
于 2011-09-01T12:45:09.657 に答える
1

#thump-trayページの読み込み時にサムネイル バーをポップアップ表示するとします。

これを行う方法は次のとおりです。

ファイル supersized.shutter.js を見つけて、次のコードを見つけます。

// Thumbnail Tray Toggle
$(vars.tray_button).toggle(function(){
    $(vars.thumb_tray).stop().animate({bottom : 0, avoidTransforms : true}, 300 );
    if ($(vars.tray_arrow).attr('src')) $(vars.tray_arrow).attr("src", vars.image_path + "button-tray-down.png");
    return false;
}, function() {
    $(vars.thumb_tray).stop().animate({bottom : -$(vars.thumb_tray).height(), avoidTransforms : true}, 300 );
    if ($(vars.tray_arrow).attr('src')) $(vars.tray_arrow).attr("src", vars.image_path + "button-tray-up.png");
    return false;
});

その後に、次を追加します。

$(vars.tray_button).click();

ページ (プラグインの demo.html) を変更することを忘れないでください。

<script type="text/javascript" src="theme/supersized.shutter.min.js"></script>

に

<script type="text/javascript" src="theme/supersized.shutter.js"></script>
于 2011-09-01T12:30:40.260 に答える
0

これは、トリガーのタイミングの問題のようです。プラグインはドキュメントの読み込み時にも読み込まれるため、イベントリスナーをバインドしようとしても、要素はまだ作成されていません。たぶん、theme._init関数 http://buildinternet.com/project/supersized/docs.html#theme-init または同様の場所にリスナーを追加する必要があります。

于 2011-09-01T11:07:27.270 に答える
0

$('#id').click()問題は、クリックがユーザー (実際のマウス クリック) によって開始されたのか、コード (メソッドを使用して) によって開始されたのかをプラグインが検出することです。もしそうなら、コードでアンカー要素をクリックしても結果が得られないのは当然です。

プラグインのソース コードを確認します。

于 2011-09-01T12:33:54.050 に答える
0

試す

<script>
$(function() {
    $('#tray-arrow').click();
});
</script>

このコードがカルーセルが初期化された後にあることを確認してください。

于 2011-09-01T10:43:09.943 に答える