2014-09-22 267 views
1

我用一個按鈕創建了一個簡單的網頁,單擊此按鈕我想通過在當前的發票中加載一個頁面來更改該頁面的這一部分。我寫的代碼如下:codeigniter在jquery中沒有正確記得控制器的功能

指數與按鈕:

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <meta charset="utf-8"> 
     <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 
     <meta name="description" content=""> 
     <meta name="author" content=""> 
     <link rel="icon" href="../../favicon.ico"> 

     <title>Justified Nav Template for Bootstrap</title> 

     <!-- Latest compiled and minified CSS --> 
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> 

     <!-- Optional theme --> 
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css"> 

     <!-- Latest compiled and minified JavaScript --> 
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> 

     <!-- Custom styles for this template --> 
     <link href="http://getbootstrap.com/examples/justified-nav/justified-nav.css" rel="stylesheet"> 

     <!-- Just for debugging purposes. Don't actually copy these 2 lines! --> 
     <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]--> 
     <script src="http://getbootstrap.com/assets/js/ie-emulation-modes-warning.js"></script> 

     <script src="//code.jquery.com/jquery-1.11.0.min.js"></script> 
     <script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script> 



     <script> 
      $(document).ready(function() { 
       /* 
       * ACCETTAZIONE 
       */ 
       $("#ricoveraPaziente").click(function() { 
        alert("adassdaasdasdsd"); 
        $('#quiiiiii').load('fatture/index'); 
        //e.preventDefault(); 


       }); 


      }); 
     </script> 
    </head> 

    <body> 

     <div class="container"> 

      <div class="masthead"> 
       <h3 class="text-muted">Project name</h3> 
       <ul class="nav nav-justified"> 
        <li class="active"><a href="#">Home</a></li> 
        <li><a href="#" id="ricoveraPaziente">Projects</a></li> 
        <li><a href="#">Services</a></li> 
        <li><a href="#">Downloads</a></li> 
        <li><a href="#">About</a></li> 
        <li><a href="#">Contact</a></li> 
       </ul> 
      </div> 
      <div id="quiiiiii"> 

       <!-- Jumbotron --> 
       <div class="jumbotron"> 
        <h1>Marketing stuff!</h1> 
        <p class="lead">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet.</p> 
        <p><a class="btn btn-lg btn-success" href="#" role="button">Get started today</a></p> 
       </div> 

       <!-- Example row of columns --> 
       <div class="row"> 
        <div class="col-lg-4"> 
         <h2>Safari bug warning!</h2> 
         <p class="text-danger">As of v7.0.1, Safari exhibits a bug in which resizing your browser horizontally causes rendering errors in the justified nav that are cleared upon refreshing.</p> 
         <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p> 
         <p><a class="btn btn-primary" href="#" role="button">View details &raquo;</a></p> 
        </div> 
        <div class="col-lg-4"> 
         <h2>Heading</h2> 
         <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p> 
         <p><a class="btn btn-primary" href="#" role="button">View details &raquo;</a></p> 
        </div> 
        <div class="col-lg-4"> 
         <h2>Heading</h2> 
         <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa.</p> 
         <p><a class="btn btn-primary" href="#" role="button">View details &raquo;</a></p> 
        </div> 
       </div> 

       <!-- Site footer --> 
       <div class="footer"> 
        <p>&copy; Company 2014</p> 
       </div> 

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

     </div> 
     <!-- IE10 viewport hack for Surface/desktop Windows 8 bug --> 
     <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script> 
    </body> 
</html> 

,在片段調用jQuery是控制器:

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

class Fatture extends CI_Controller { 

    public function index() 
    { 
     $this->load->view('fatture'); 
    } 
} 

當我上的按鈕笨點擊不作我出現任何頁面,我該如何解決它?請:d

回答

0

試試這個:

$("#ricoveraPaziente").click(function() { 
    alert("adassdaasdasdsd"); 
    $.ajax({ 
     url: 'fatture/index', 
     success: function(result){ 
      $('#quiiiiii').html(result); 
     } 
    }); 
}); 
+0

想你的代碼,但不幸的是諾茵仍然有效。我不明白爲什麼,我使用codeigniter完成了其他項目,並且每個人都一直在工作。現在我無法把它做好。我很絕望。 – 2014-09-23 06:21:19

+0

檢查你在控制檯中得到了什麼錯誤(或通知)!? – goseo 2014-09-23 06:38:28

+0

http://lord112.altervista.org/112112112.png - > Chrome控制檯報告。幫助我請:( – 2014-09-23 07:09:23