javascript - 加载js文件在ci bonfire中查看

Question

我有一个模块调用ftp_data。另外，我的模块 Assets 文件夹 bonfire/modules/ftp_data/assets/js/ftp_data.js 中有一个 js 文件。 现在我想将此文件加载到我的 View 中

内部 View

<!-- Edit by Yesh -->
<div class="container-fluid">
    <form method="POST" id="url_finder" name="url_finder">
        <div class="span4">
            <h3>Search URL : <input type="search" id="search_url" name="search_url" placeholder="www.example.com"></h3>
        </div>
        <div class="span3">
            <button id="url_btn" name="url_btn" class="btn" type="submit">Search</button>
        </div>
    </form>
</div>
<!-- Edit by Yesh -->

ftp_data.js 内部

$(function(){
    $('#search_url').keyup(function(){
        var s = new RegExp(this.value.toLowerCase());
        $('.result_table .result_row').each(function() {
            if(s.test(this.innerHTML.toLowerCase())){
                $(this).show();
            }else{
                $(this).hide();
            }
        });
    });
});

Answer 1

要在 View 模块中加载 js/css 文件，您应该使用构造函数方法。您只需复制我在下面添加的代码即可。

代码如下:

 public function __construct()
    {
        parent::__construct();
        Assets::add_module_js('ftp_data', 'ftp_data.js');
    }

add_module_js():第一个参数定义要使用的模块的名称，第二个参数定义要加载的文件。