Question

我将多个2个JS脚本放在一个文件中，虽然它们在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

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

将多个JS脚本放在一个JS文件中

1 个答案: