How to pass jQuery scripts with codeIgneter

Question

My goal is to pass a jQuery script through a model with CodeIgneter.

This is the view where I linked the jquery.js file

  <footer>
   <p>&copy; Company 2014</p>
  </footer>      
  <script src="<?php echo base_url('assets/js/jquery.js');?>">  </script>

   </div> <!-- /container -->

This is the model jquery

<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');

class Jquery extends CI_Model { 

public function test(){

return 

'<script>
$(document).ready(function() {
$("#submitForm").click(function(){
alert("test");
});

});

</script>';
}
}

In the controller I passed the script as following:

$this->load->model('jquery');
$data['testjs'] = $this->jquery->test();
$this->load->view('login/content',$data);

In the content view I echo the script:

...echo $testjs...

Unfortunately the script does not work as expected.

"Unfortunately the script does not work as expected". How does it work? — Wai Ha Lee
– Wai Ha Lee, Commented Apr 18, 2015 at 9:47
You should really stop doing what you're trying to do. Javascript belongs to the view in my opinion, the mode l has completely different responsabilities — Patrick
– Patrick, Commented Apr 18, 2015 at 9:53
Hi Patrick, I also tried to put the js code in the view: <script> $(document).ready(function() { $("#submitForm").click(function(){ alert("test"); }); }); </script> But I get this error in the console: Uncaught ReferenceError: $ is not defined — user4269288
– user4269288, Commented Apr 18, 2015 at 9:58

Manoj Dhiman · Accepted Answer · 2015-04-18 10:31:59Z

1

you need to include jquery library. Add this in your header view

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

and then this code in somewhere in view or header view

jQuery(document).ready(function() {
  jQuery("#submitForm").click(function(){
    alert("this is working file ");
  });
});

answered Apr 18, 2015 at 10:31

Manoj Dhiman

5,1616 gold badges32 silver badges71 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Urshit Sheth · Accepted Answer · 2018-03-16 07:21:03Z

0

you can use Dom crawler for that if you want to send html and jquery data pass through controller

https://github.com/dimabdc/PHP-Fast-Simple-HTML-DOM-Parser

or else you can set in header view file as above answer given

answered Mar 16, 2018 at 7:21

Urshit Sheth

474 bronze badges

Collectives™ on Stack Overflow

How to pass jQuery scripts with codeIgneter

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related