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();功能

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 回答
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 回答