codeigniter charge javascript spécifique

Vous pouvez envoyer ce qui js à charge variable. L'exemple est ici;

Contrôleur d'échantillon

class mypage extends CI_Controller{
    public function index(){
    $data['js_to_load']="index.js";
    $this->load->view('header',$data);
    $this->load->view('my_html_page');
    }

    public function second_page(){
    $data['js_to_load']='second.js';
    $this->load->view('header',$data);
    $this->load->view('my_second_html_page');

    }
}

header.php - fichier de Vue

<!-- Needed html code here -->

<? if ($js_to_load != '') : ?>

<script type="text/javascript" src="assets/js/<?=$js_to_load;?>">

<? endif;?>

<!-- Other html code here -->

Ce qui se passe?

Nous sommes en paramètre le fichier js dans $variable de données, et de passer le $variable de données d'en-tête.
Dans le fichier d'en-tête nous allons vérifier si le js_to_load est réglé? Si oui, nous sommes d'inclure le fichier javascript.

Vous pouvez également passer multi js fichiers à l'aide de matrices.

Contrôleur d'échantillon

class mypage extends CI_Controller{
    public function index(){
    $data['js_to_load']=array("index.js","index1.js","index2.js");
    $this->load->view('header',$data);
    $this->load->view('my_html_page');
    }

    public function second_page(){
    $data['js_to_load']=array("second.js","second2.js","second2.js");
    $this->load->view('header',$data);
    $this->load->view('my_second_html_page');

    }
}

header.php - fichier de Vue

<!-- Needed html code here -->

<? if (is_array($js_to_load)) : ?>
<? foreach ($js_to_load as $row):
    <script type="text/javascript" src="assets/js/<?=$row;?>">
<?endforeach;?>
<? endif;?>

<!-- Other html code here -->

OriginalL'auteur fobus

Il est préférable de charger votre .js dans votre pied de page que votre HTML doit charger complètement avant de commencer l'exécution d'un script sur elle.

voir ici pour des raisons

j'utilise un pied universel à la poignée .js fichiers

public function index()
    {
        $this->load->view('template/header');
        $this->load->view('template/nav');
        $this->load->view('thing/landing');
        $this->load->view('template/footer');
    }

mon pied de page vue est

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

$caller_class = $this->router->class;
$caller_method = $this->router->fetch_method();
?>

<script type="text/javascript" src="<?php echo base_url(); ?>public/js/jquery.min.js"></script>

<?php
//look for JS for the class/controller
    $class_js = "public/js/custom-".$caller_class.".js";
    if(file_exists(getcwd()."/".$class_js)){
        ?><script type="text/javascript" src="<?php echo base_url().$class_js; ?>"></script>
        <?php
    } 

    //look for JS for the class/controller/method
    $class_method_js = "public/js/custom-".$caller_class."-".$caller_method.".js";
    if(file_exists(getcwd()."/".$class_method_js)){
        ?><script type="text/javascript" src="<?php echo base_url().$class_method_js; ?>"></script>
        <?php
    } 
?>
</body>
</html>

à l'aide de $this->router->class; ou $this->router->fetch_method(); pour détecter quel contrôleur ou de la méthode du contrôleur est utilisé. alors détecter si une .fichier js existe pour que contrôleur/méthode

avec peu de gestion, vous pouvez avoir contrôleur et/ou de la méthode de scripts spécifiques sans jongler avec le pied de page.

dans le fichier pub/js/custom-mycontrollername-mymethod.js ensuite, vous devez utiliser (jquery);

$(document).ready(function() {
    if ( $( "#mydivthing" ).length ) {
        $('#mydivthing').html("fetching..");
        $.ajax({
                ........
              });
    } else {
        console.log("skipped js segment");
    }
});

ici le jquery ne fonctionne que lorsque le document est ready (comme jquery recommande)
et vous pouvez également utiliser if ( $( "#mydivthing" ).length ) { de vérifier que ton div est en fait sur la page. si vous n'êtes pas de tir des événements lorsqu'ils ne sont pas chargés (pour la vitesse). mais que jquery est susceptible de faire quelques vérifications - c'est probablement seulement pour les grandes séries de code que de simples clics sur le bouton événements.

alors que la question était pour les vues, ce qui répond à une contrôleur/méthodes de niveau. donc, tandis qu'une méthode peut avoir plusieurs vues - ce encore une vue de l'écran comme on le voit par l'utilisateur.

ajouté de bonus que vous pouvez associer .js fichiers pour contrôleur/méthodes seulement par son nom de fichier.

OriginalL'auteur 2114L3

Je ne comprends pas votre problème. Je suppose que vous chargez vos fichiers js en vue site_header ou de la vue site_footer, pourquoi ne pas vous en charger une autre vue de ces pages? par exemple:

public function index(){
    $data['title'] = "Register";        
    $this->load->view("site_header_extra_js", $data); 
    $this->load->view("site_nav"); 
    $this->load->view("content_register"); 
    $this->load->view("site_footer_extra_js");
}

Une autre solution est de mettre un si de votre point de vue de la charge supplémentaire, js fichiers de vérifier le chemin d'accès, vous pouvez utiliser $this->uri->segment() pour cela.

OriginalL'auteur m4t1t0