如何在CodeIgniter的特定页面中运行自定义JavaScript代码？

Question

我有要在CodeIgniter页面的特定页面上打开的模型框（它如何工作）。

在我看来，以下代码适用于模型框：

<!-- Model -->
<div class="modal" id="how_its_modal" role="dialog" style="display: none;">
    <div class="modal-dialog">
        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                
                <h4 class="modal-title">How Its Work Video</h4>
            </div>
            <div class="modal-body">
                <iframe width="100%" height="315" src="https://www.youtube.com/embed/DIx_xxxxx">
                </iframe>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>
<?php
    $custom_js = "$('#how_its_modal').modal('show');";
    //$custom_js = "This is okay";
?>

在我的控制器中，以下代码：

public function privacy_policy()
    {
        $this->load->view('header');
        $this->load->view('privacy-policy');
        $this->load->view('footer');
    }
    public function help_center()
    {
        $this->load->view('header');
        $this->load->view('help-center');
        $this->load->view('footer');
    }
    public function how_it_works()
    {
        $this->load->view('header');
        $this->load->view('how-it-works');
        $this->load->view('footer', ['custom_js' => $custom_js]);
    }
    public function mart()
    {
        $this->load->view('header');
        $this->load->view('mart');
        $this->load->view('footer');
    }

因此，我有多个页面。因此，现在我只想在页面上的如何工作中仅在how_it_works函数中运行以下代码。

<script>
    $('#how_its_modal').modal('show')
</script>

我的页脚代码

<script src="<?php echo SITE_PATH; ?>/front/js/jquery.min.js"></script>
<script src="<?php echo SITE_PATH; ?>/front/js/bootstrap.min.js"></script>
<script src="<?php echo SITE_PATH; ?>/front/js/bootstrap.bundle.min.js"></script>
<script src="<?php echo SITE_PATH; ?>/front/js/owl.carousel.min.js"></script>
<script src="<?php echo SITE_PATH; ?>/front/js/aos.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/10.16.0/sweetalert2.min.js" type="text/javascript"></script>
<?php echo $custom_js; ?>
<?php if(isset($custom_js)) { ?>
    <script><?php echo $custom_js; ?></script>
<?php }else{
    echo "Nothing Run";
} ?>

无法将此脚本放在页脚中，因为如果我愿意放置，它将在我不想要的所有页面上运行。

Answer 1

如果（$ this-＆gt; router--＆gt; fetch_class （

）=='您的类名称'）{'您的脚本}

Answer 2

为什么您不尝试将脚本模式放入页面如何？然后将您的jQuery移至标头。
容易，但是最好您对模态有一个视图。

$this->load->view('header');
$this->load->view('help-center');
$this->load->view('footer');
$this->load->view('modal');