0 
<div id="partition">
    hello
    <input type="button" id="btn" value="submit">
</div> <!-- partitions ends -->

<!-- this posts the data and prepends the return data to partition div -->

<script type="text/javascript">
    $(document).ready(function() {
        $('#button').click(function(){
            var content = $('#content').val();
            var contentType = $('input[id=contentType]:checked').val();

            $.post('classes/updateStatus.php', { content: content, contentType: contentType }, function(data)
            {        
                $('#partition').prepend($('<div id="partition">'+data+'</div>').html(data));
            });
</script>

<script type="text/javascript">
$(document).ready(function() {
    $('#btn').click(function(){      
        alert("hello");
    });
</script>

このスクリプトの問題は、パーティション div の前にデータを追加した後、必要なアクションが実行されないことです。この場合、警告ボックスはポップアップしません。

4

3 に答える 3

1

最初の記号で - 入力タグを閉じる必要があります

<input type="button" id="btn" value="submit"/>

あなたのJS関数は中括弧を閉じていません

JSFIDDLE

于 2012-09-27T19:10:53.043 に答える
0

したがって、次のようなことができます。

$(document).ready(function() {     
$('#btn').live("click", function(){               
alert("hello");     
});
});

（これは古いバージョンです）

また

$(document).ready(function() {     
$('#btn').on("click", function(){               
alert("hello");     
});
});

（これは新しいバージョンです）

お役に立てれば！！

于 2012-09-27T19:44:24.843 に答える
0

$(document).ready();問題は、関数を閉じていないことです

Java スクリプトは次のようになります。

$(document).ready(function() {
    $('#button').click(function(){
       var content = $('#content').val();
        var contentType = $('input[id=contentType]:checked').val();

        $.post('classes/updateStatus.php', { content: content, contentType: contentType }, function(data)
        {        
            $('#partition').prepend($('<div id="partition">'+data+'</div>').html(data));
        });                    
    });
});


$(document).ready(function() {
    $('#btn').click(function(){      
    alert("hello");
});
})
于 2012-09-27T19:30:24.200 に答える