-1

このHTMLマークアップを使用して、ユーザーが特定のボタンをクリックすると、を表示しalert(message)て返す単純な関数を実行しようとしています。false

<input type="submit" class="online" id="comprar_boton" value="Agregar al carrito" name="Submit">

だから私はこのコードを構築します：

$('#comprar_boton').live('click', function(){
    alert("Recuerda que para comprar necesitas escoger la cantidad!");
    return false;
});

これはPrestashopテーマであり、jQuery 1.4.4を使用しているため、live（）を使用します。また、私もこれをテストしました：

$("#comprar_boton").click(function(){
    alert("Recuerda que para comprar necesitas escoger la cantidad!");
    return false;
});

しかし、私には何も機能しません。コードを何度もチェックして間違いを探しましたが、何も見つかりませんでした。このサイトでオンラインで確認できます。私が探しているのは、ユーザーまたは訪問者が「Agregar al carrito」ボタンをクリックすると、その場合は何かを示すアラートポップアップが表示されることです。

Recuerda que para comprar necesitas escoger la cantidad！

さて、これは本当に面白いです。同じファイルにここにあるものと同様の別のコードがありますが、ID = #comprar_boton_noのボタンをクリックすると起動し、これは機能します。HTMLマークアップはほとんど同じです。

<input type="submit" id="comprar_boton_no" value="Agregar al carrito" name="Submit">

そして、関連付けられているjQueryコードは次のとおりです。

$("#comprar_boton_no").click(function(){
    alert("Recuerda que para comprar necesitas escoger la talla y la cantidad!");
    return false;
});

これは、このアドレスでテストできます。ですから、この時点で私はここで完全に迷子になっています。私のコードの何が問題になっていますか？何か助けはありますか？

4

3 に答える 3

0

クリックイベントを内部に配置しました$(document).readyか？

そうでない場合は、次を試してください。

$(document).ready(function () {
    $('#comprar_boton').click(function (event) {
        alert("Recuerda que para comprar necesitas escoger la cantidad!");
        return false;
    });
});
于 2012-10-17T13:36:37.803 に答える
0

クリック ハンドラーを割り当てる前に、ページが読み込まれていることを確認してください。

$(document).ready(function() {
    $("#comprar_boton").click(function(){
        alert("Recuerda que para comprar necesitas escoger la cantidad!");
        return false;
    });
})

または

$(document).ready(function() {
    $('#comprar_boton').live('click', function(){
        alert("Recuerda que para comprar necesitas escoger la cantidad!");
        return false;
    });
})
于 2012-10-17T13:33:49.880 に答える
-1

特定の要素でいつでもクリックハンドラーを有効にする場合は、JQuery.onメソッドを使用します。

    $(document).on("click", "#comprar_boton", function(e){
        e.preventDefault();
        alert("Recuerda que para comprar necesitas escoger la cantidad!");
    });
于 2012-10-17T13:36:46.347 に答える