0

Chromeでテストしています。

ユーザーがその 1 つのアイテムをデータベースに追加するためにクリックできる、画面上の「アイテムの追加」アイコンがたくさんあります。また、そのリストの下部にボタンがあり、アイテムのリスト全体を追加する必要があります。

これを行う最も簡単な方法は、これらすべてのアイコンに対して「クリック」イベントをトリガーすることのようです (アイコンを介して行う理由は、アイテム固有の値が div の属性として格納されるためです。アイコンが存在します)。

しかし、私はそれを動作させることができません.個々のアイコンのイベントハンドラーは完全に機能し、すべて追加ボタンのイベントハンドラーは、それを入れるとアラートを出します.しかし、トリガーを追加すると('クリック') コマンド、私はビーフを取得しません。

セレクターに「 」を追加して、最初のアイコンだけのクリックをトリガーしようとしました:firstが、それは役に立ちませんでした。

$(function(){
    $('#addAllItemsButton').click(function() {
    alert("Caught your button click");
    $('.addItemIcon').trigger('hover');
});

ブラウザーがクリック イベントのトリガーを許可していないことを示唆する投稿をいくつか読んだのでhover、アイコンに ' ' イベント リスナーを追加して、トリガーしたいイベントの種類に問題があるかどうかを確認しました。答え: いいえ、同じ話です。アラートは機能しますが、トリガーは機能しません。

ボタン イベント リスナーの前に、アイコン イベント リスナーをコードに配置しました。

どうしたの？ヒントをありがとう。

4

1 に答える 1

1

まず、セレクターが有効であることを確認してください。

$(function() {
    $('#addAllItemsButton').click(function() {
        var icons = $('.addItemIcon');
        alert(icons.length);
     });
});

それは少なくともあなたに与えるべきです1

ところで - でいくつかの問題が発生しましたhover。mouseenterあなたは/に行くかもしれませんmouseleave

于 2010-03-19T10:06:11.830 に答える