Php 页脚脚本在codeigniter中不起作用
我已经在Php 页脚脚本在codeigniter中不起作用,php,jquery,codeigniter,Php,Jquery,Codeigniter,我已经在core文件夹中创建了myu控制器。其中我声明了public$footerScript。这是MY_控制器的代码 <?php class MY_Controller extends CI_Controller { public $footerScript; public $data = array(); public function __construct() { date_def
core
文件夹中创建了myu控制器。其中我声明了public$footerScript代码>。这是MY_控制器的代码
<?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';
}
}
?>
这是添加项目
中的表单
,在该表单中,我向提交
按钮提供了id
。单击此按钮时,将调用jquery
事件
:
<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>
由于您使用的是jquery,请不要忘记添加一个准备就绪的文档,如:
$(function() {
$("#Add").on("click", function (e) {
e.preventDefault();
var title= $("#title").val();
alert(title); return false;
}
});
现在它等待执行函数,直到DOM完全加载。点击查看您确定JavaScript脚本中有控件吗?您可以在“var title”之前控制台一些东西,以查看它在单击submit按钮i write console.log(title)后实际被点击,但它也不起作用。我认为它无法访问javascript代码。
<?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>
');
?>
$(function() {
$("#Add").on("click", function (e) {
e.preventDefault();
var title= $("#title").val();
alert(title); return false;
}
});