将多个 JS 脚本 1 一个 JS 文件

Question

我将多个 2 个 JS 脚本放在 1 个文件中，尽管它们在 html 文件中包装时独立运行良好，但当我从外部 JS 文件调用它们时，第二个根本不起作用。

这是JS代码：

// start of open the name div
$(function() {
    $('.reply_submit_name_open').click(function(){
        $(this).siblings('.reply_submit_name').fadeIn();
        $(this).fadeOut();
    });
    $('.check_author').click(function(){
        if($('.check_author').is(":checked")) {
            $('.name_input').val($(this).val());
            $('.name_input').attr('readonly', true);
        } else {
            $('.name_input').attr('readonly', false);
        }
    });
}); 
// end of opening name div

// start of posting replies
var base_url = '<?php print base_url();?>';
var interview_id = '<?php echo $this->uri->segment(3)?>';
$(function() {
    $('.reply_button').click(function(){
        var this_a = $(this);
        var reply = $(this).parents().siblings('textarea').val();
        var username =$(this).siblings().find('input').val();
        var parent_comment_id=$(this).closest('form').attr('id');
        var last_reply_id=$(this).closest('.reply_form_div').siblings('.replies').children().last('.comment').attr('id');
        $.ajax({ 
            type:"POST", 
            url: base_url + "comment_upload/reply_upload",
            data:{parent_comment_id : parent_comment_id, interview_id: interview_id, reply:reply, username: username}, 
            dataType: "json",
            success: function(data,status){
                if(data.state == 'succ') {
                    this_a.html('Success');
                    $('.reply_button').closest('.reply_form_div').siblings('.replies').append(data.new_reply);
                } else {
                    this_a.html('Bad');  
                }
            }
        });
    }); 
}); 
// end of posting replies

原因是什么？感谢任何建议。

Answer 1

如果你把它

移到外部.js文件，你肯定不会评估一堆 PHP，除非你已经配置了你的服务器通过 php 运行所有.js文件。