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

Question

我有一个模块调用ftp_data。我的 Module Assets 文件夹中还有一个 js 文件bonfire/modules/ftp_data/assets/js/ftp_data.js。现在我想将此文件加载到我的视图中

内部视图

<!-- 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()：第一个参数定义要使用的模块的名称，第二个参数定义要加载的文件。

Answer 2

将此代码放在您的视图文件中

<script src="assets/js/ftp_data.js"></script>

Answer 3

最后我找到了解决方案。这就是我发现的。我希望它也能帮助你。

public function index()
{
//---functions will goes here
//--Add this code before closing public function index
Assets::add_module_js('ftp_data', 'ftp_data.js');
//--ftp_data is the Module name. 
//--ftp_data.js is the name of the js file that is inside the module/assets/js/
}