Как передать значение переменной javascript в отдельном файле .js

Question

У нас есть один внешний .js-файл, проблема в том, что я хочу передать значение моего php cat_id в .js-файл. поэтому в заголовке я создал одну переменную, а затем я объединяю одну и ту же переменную в .js html string. когда я создал новую строку. он не содержит значение cat_id. пожалуйста, проверьте код и дайте мне знать, как исправить эту проблему?

<script type="text/javascript"> var cat_id = '<?php echo $this->uri->segment(4); ?>';</script> 
<script src="<?php echo site_url('js/our_custom.js'); ?>"></script> 

our_custom.js

$(document).ready(function(){ 
var cnt = 2; 

$("#anc_add").click(function(){ 

$('#tbl1 tr').last().after('<tr><td><input type="text" name="cat_title[]" value="" placeholder="Enter Title"></td><td><input type="text" name="cat_url[]" value="" placeholder="Enter Url"></td><td><input type="hidden" name="cat_id" value="'+ cat_id +'"></td></tr>'); 

Answer 1

Сделать это глобальный (без "вар").

<script type="text/javascript"> window.cat_id = '<?php echo $this->uri->segment(4); ?>';</script> 

InstEd из

<script type="text/javascript"> var cat_id = '<?php echo $this->uri->segment(4); ?>';</script>