如何在codeigniter的特定页面中运行自定义Javascript代码?

2g32fytz  于 2022-12-07  发布在  Java
关注(0)|答案(2)|浏览(121)

我有一个模型框,我想在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函数中,在页面上,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";
} ?>

我不能把这个脚本在页脚,因为如果我会把它会运行在所有的网页,我不想。

83qze16e

83qze16e1#

你可以像这样检查你当前的类并匹配它
if($this-〉路由器-〉fetch_class()== '您的类名'){'您的脚本}

pprl5pva

pprl5pva2#

为什么你不试着把你的modal脚本放在你的页面how-it-works里面呢?然后把你的jquery移到header。很容易,但是最好你为modal做一个视图,这样你就有了。

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

相关问题