php - 页脚脚本在 codeigniter 中不起作用
问题描述
我已经MY_Controller
在core
文件夹中创建了。我在其中声明public $footerScript;
. 这是 的代码MY_Controller
。
<?php
class MY_Controller extends CI_Controller
{
public $footerScript;
public $data = array();
public function __construct()
{
date_default_timezone_set( 'Asia/Karachi' );
parent::__construct();
$this->load->library(array('ion_auth','form_validation'));
$this->data['C_FullName'] = 'CodeigNiter Shop';
$this->data['C_ShortName'] = 'CI Shop';
}
}
?>
这Home Controller
扩展了MY_Controller
. 这Home Controller
将显示add_items
文件views
夹中的文件。
<?php
class Home extends MY_Controller
{
public function __construct()
{
parent::__construct();
$this->load->library('image_lib');
}
public function items()
{
$this->show("admin/add_items");
}
}
?>
这是form
我add_items
给id
按钮的submit
地方。当我单击此按钮时,jquery
event
将调用:
<form id="form1" method="post" enctype="multipart/form-data">
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label for="Header Text" class="control-label" > Title </i></label>
<input type="text" placeholder="Title" id="title" name="title" class="form-control" tabindex="1">
</div>
<!-- /.form-group -->
</div>
<div class="row">
<div class="col-md-2">
<input type="submit" name="submit" id="Add" value="Add Items" class="btn btn-success">
</div>
<!-- iCheck -->
</div>
<!-- /.col (right) -->
</form>
这段代码写在add_items
文件的末尾。script
标签中的链接工作正常,但是当我单击按钮显示alert
它不起作用时。
<?php
//This Section footerScripts Should Execute In Footer/End of the Page.
$this->footerScript = sprintf('
<script src="'.base_url().'assets/bower_components/jquery/dist/jquery.min.js"></script>
<script src="'.base_url().'assets/plugins/datatables/jquery.dataTables.min.js"></script>
<script type="text/javascript">
$("#Add").on("click", function (e) {
e.preventDefault();
var title= $("#title").val();
alert(title); return false;
}
</script>
');
?>
解决方案
由于您使用的是 jquery,请不要忘记添加准备好的文档,例如:
$(function() {
$("#Add").on("click", function (e) {
e.preventDefault();
var title= $("#title").val();
alert(title); return false;
}
});
现在它会等待执行你的函数,直到 DOM 完全加载。见文档
推荐阅读
- android - 签署 App Bundle 基本模块和动态功能模块
- android - 位图 onDraw() 不更新
- angular - 根据第一个下拉菜单角度禁用第二个下拉菜单
- java - 我如何遍历这个示例 JSON 数组来获取问题名称、问题准确性和专业化名称
- visual-studio-code - VSCode 错误装饰默认为文本不透明度(而不是下划线波浪)
- amazon-web-services - 使用 AWS EKS 集群和 ELK 的流利位
- java - 为什么在第一次运行时不能从领域数据库中读取
- asp.net-mvc - 它是如何发生的。Identity Server4 用户登录页面重定向。重定向网址的目的
- java - 为什么使用弹簧安全性和角度出现 _csrf null 错误
- visual-studio-code - vscode调试-如何正确黑盒?