Резюме по разделам <form name='region_filter'"> Резюме по разделам <form name='region_filter'"> Резюме по разделам <form name='region_filter'" />

選択イベントでイベントが変更されない

いくつかのオプションで change イベントをselectタグにバインドしようとしました。 select タグにバインドしている場合、それは機能しません。 click イベントを H1 タグにバインドしても問題ありません。

html

<div class="subtitle_block">
  Резюме по разделам
    <form name='region_filter' action='/jobseek/search_cv/' method='post'>                                                
                          
    </form>
  <div class="clear_both"></div>
</div>

私はそのようにしてみた

$(function(){
    console.log($('#id_region')); //this is works
    $('#id_region').bind('change', function(){console.log('asdf')}); //this is not works
});

そしてそのように

$(function(){
console.log($('#id_region')); //this is works
$('#id_region').change(function(){console.log('asdf')}); //this is not works
});

それでも

$(function(){
console.log($('#id_region')); //this is works
$('#id_region').click(function(){console.log('asdf')}); //this is not works
});

何が間違っていますか?

1
うーん、私はjsfiddleにあなたのコードを入れて、それは動作します...
追加された 著者 Jorge,

2 答え

あなたのコードを $(document).ready()の中に入れてみてください:

$(document).ready(function() {
  console.log($('#id_region')); //this is works
  $('#id_region').change(function(){console.log('asdf')}); //this is not works
});

See this working jsfiddle

2
追加された
jsfiddleはクールな事です、ありがとう!あなたのアドバイスは非常に便利ですが、私のコードは動作しません。おそらくテンプレートの問題は、ここで説明するよりも複雑です。
追加された 著者 I159,
$(function(){})は$(document).ready(function(){})の別名ではありませんか?
追加された 著者 k4t434sis,

これは私のために働く:

<body>
        <div class="subtitle_block">
          Резюме по разделам
            <form name='region_filter' action='/jobseek/search_cv/' method='post'>                                                
                                  
            </form>
          <div class="clear_both"></div>
        </div>
        <script type="text/javascript">
        $(function(){
            $('#id_region').bind("change", null, function() {
                alert('event fired');
            });
        });
        </script>
    </body>
0
追加された