1

最近のブログ投稿を含む画像とテキストのスライダーがあり、訪問者が特定のページを見続けている間、最近の投稿をループします。

あなたはhttp://jsfiddle.net/GsgPM/16/ですべてのコードを見ることができます それはそれが発火しない大きな画像+テキストスライダーについてです。イベントはピンクのボタンで発生します。本当に私のために計算しません...なぜそれは一方のために機能し、もう一方のために機能しないのですか？

ここで、黒い境界線のあるdiv（slider）を含むonclickイベントを使用して、ユーザーを適切なブログ投稿にリダイレクトしたいと思います。唯一の不可解なことは、クリックイベントが発生せず、css stylesheedで定義されているようにカーソルが正しい画像（手）に変更されないことですが、1pxの境界線は追加されます。

テストdivで、トラブルコードの下のhttp://jsfiddle.net/GsgPM/16/にある私のコードでは、起動します。私のブログの別のページでは、クリックイベントに問題はありません。

google chrome inspect elementsウィンドウでコードの変更を表示すると、クリックイベントはdivの変更で転送されます。

JSLintはエラーを表示せず、私のコンソールもエラーを表示しません。イベント全体が発生するわけではありません。

この問題の根本的な原因を誰が知っていますか？

4

2 に答える 2

4

問題はシャドウdivです。スライダーをクリックすると、クリックはid="shadow"でdivに登録されます。そのdivを削除してみてください。そうすれば、機能します。そのdivが必要な場合は、スライダーdivの下にあることを確認する必要があります。

于 2012-07-04T08:24:17.210 に答える
0

あなたのコードにはあなたが持っています

onclick="window.alert('Hello Raxacoricofallapatorius'

あなたの行方不明）; だからそれは

onclick="window.alert('Hello Raxacoricofallapatorius');

imgをクリックすることに反応するより多くのJqueryの方法は、

$('#smallphotos div').on('click','img',function() {
        alert('here');
    });

これをさらに進めるために、次のようなデータ属性にターゲットを格納できます。

<img src="http://www.freedigitalphotos.net/images/gal_images/av-_50.jpg" title="test2" data-target="www.google.com" />

これにより、ページがそのようにリダイレクトされる可能性があります。

 $('#smallphotobox').on('click','#smallphotos div',function() {
    window.location.href=$(this).data('target');
});

また、＃sliderは、削除したことに気付くようになっています。すべてが機能します。zインデックスを他のインデックスよりも後ろに設定してみてください。

制限により、これはjsfiddleでは機能しないことに注意してください。

フィドル

于 2012-07-04T08:12:44.717 に答える