javascript 适用于 jsfiddle 但不适用于我的浏览器

Question

我知道这很奇怪，但我有一个 jsfiddle 可以正常工作，但是当我在浏览器中使用它时，“编辑名称”按钮没有被触发

我的浏览器代码和我在 jsfiddle 中编写的代码之间的唯一区别是 iv 添加了 ajax，但这不是问题

这是我的javascript

$('.edit').click(function(e){
    e.preventDefault();
    var auth = $(this).attr('id');
    var each = $(this).closest('.each_file').find('.fnl');
    $.post( "ajax/edit_filename.php", {
        auth:auth
    })
    .done(function( data ) {
        $( "#dialog" ).dialog({
            modal: true,
            resizable: false,
            title: 'Edit file name',
            buttons: {
                "Close": function() {
                    $(this).dialog("destroy");
                    $(this).dialog("close");
                }
            } 
        });
        $('.ui-dialog-content').html('<input type="text" class="newfname" value="'+data+'"/><div class="btn_l"><input type="submit" class="submit_btn" id="edit_filenameb" value="Edit Name" /></div>');
    });
    $('#edit_filenameb').click(function(e){
        e.preventDefault();
        var nname = $('.newfname').val();
        console.log(nname);
        if(nname == ''){
            $('.submit_btn').effect('shake');
        } else {
            $.post('ajax/change_filename.php', {
                nname:nname, 
                auth:auth
            })
            .done(function(data){
                each.text(data);
                $('#dialog').dialog('close');
            });
        }
    });
});

jsfiddle 在这里，http://jsfiddle.net/RSvre/

Answer 1

我对此进行了排序，最后我只是重做了完整的代码，我使用 $.ajax 而不是 $.post 并开始工作