2

最近、jQuery のクリック イベントに問題があります。この例では、ユーザーがリスト項目をクリックしたときに ajax 投稿を使用したいと考えています。Firebug にエラーは表示されず、jquery スクリプトはコード内にあります。コードを実行しても何も起こりません。コードは以下のとおりです。

<script type="text/javascript" >
$('#pop').click(function() {
var pop = 'pop';
$.post('ajax_file.php', {
    style: pop
    }, function(data) {
        $('#tube').html(data);  
        });});
</script>

<ul>
    <li id="pop">Pop</li>
</ul>
4

3 に答える 3

2

これを試して：

$(document).ready(function(){
   $('#pop').click(function() {
       var pop = 'pop';
       $.post('ajax_style_homepage.php', {
         style: pop
       }, function(data) {
           $('#tube').html(data);  
       });
    });
})
于 2012-08-20T22:47:11.857 に答える
2

readyこれを document関数にラップして、何が起こるか見てみましょう。また、空にする必要はありません。メソッドを呼び出すとhtml、コンテンツが上書きされます。

$(function(){
   $('#pop').click(function() {
        var pop = 'pop';
        $.post('ajax_style_homepage.php', { style: pop}, function(data) {
            $('#tube').html(data);  
        });
    });
});
于 2012-08-20T22:47:41.360 に答える
1

ページの読み込み時にクリック メソッドをバインドせずに、他の 2 つの回答と同じことを行う別の方法です。リスト項目の onclick 属性を ajax 呼び出しを含む関数に設定するだけです。私の意見では、これは従うのが簡単です。

<script type="text/javascript" >
function makeAJAXPost(){
    var pop = 'pop';
    $.post('ajax_file.php', {
        style: pop
        }, function(data) {
            $('#tube').html(data);  
    });     
}
</script>

<ul>
    <li onclick="makeAJAXPost()" id="pop">Pop</li>
</ul>
于 2012-08-20T23:06:00.147 に答える