javascript - 基本 ID セレクターの jQuery 構文の問題

Question

  <div class="wpsc_buy_button_container">
    <input type="submit" value="<?php _e('Customize', 'wpsc'); ?>" name="Customize" 
      class="wpsc_customize_button" id="product_<?php echo wpsc_the_product_id(); ?>_customize_button"/>
  </div>

<script type="text/javascript">
  $("#product_<?php echo wpsc_the_product_id(); ?>_customize_button").click(function() {
    alert('product clicked');
  });
  alert('test click');
</script>

View->Source は以下を提供します:

<script type="text/javascript">
  $("#product_53_customize_button").click(function() {
    alert('product clicked');
  });
  alert('test click');
</script>

アラートが表示されないため、構文に何か問題がありますか? 単一の jQuery 行を削除すると、テスト アラートが機能し始めます。

Answer 1

これはあなたがjqueryイベントを使用していないことです

これを使って

$(function(){
    $("#product_53_customize_button").click(function() {
        alert('product clicked');
      });

    })

また

$(document).ready(function(){
        $("#product_53_customize_button").click(function() {
            alert('product clicked');
          });

        })