Question

我无法让jQuery UI Accordion在我的一个非常简单的CodeIgniter视图中工作，不知道发生了什么，但我怀疑它与我如何链接文件有关。我已经尝试了所有可能的相对URL组合。

这是我的控制器，它加载我的标题视图，然后加载主视图。这是有效的，因为我可以看到所有的HTML，只是jQuery没有做它的事情：

控制器：

function __construct()
{
    parent::__construct();
}

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

我的2个观点：

HEADER VIEW

<!doctype html>
<html lang="en">
<head>
  <title>my site</title>
  <meta charset="UTF-8" />
  <meta name="ROBOTS" content="ALL" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  <meta name="keywords" content="<?=fuel_var('meta_keywords')?>" />
  <meta name="description" content="<?=fuel_var('meta_description')?>" />
  <!-- Base Spider CSS -->
  <link type="text/css" rel="stylesheet" href="<?php echo base_url(); ?>assets/css/sunny/jquery-ui-1.8.18.custom.css" />
  <!-- [END] -->
  <script src="<?php echo base_url(); ?>assets/js/jquery-1.7.1.min.js" type="text/javascript" charset="utf-8" />
  <script src="<?php echo base_url(); ?>assets/js/jquery-ui-1.8.18.custom.min.js" type="text/javascript" charset="utf-8" />

  <script>
$(function() {
    $( "#accordion" ).accordion();
});
</script>

主要观点

<body>
  <div id="accordion">
    <h3><a href="#">First header</a></h3>
      <div>First content</div>
    <h3><a href="#">Second header</a></h3>
      <div>Second content</div>
  </div>
</body>
</html>

当我回复我的base_url（）时，我得到http://www.mywebsite.com/site1/ **

我的CSS，JS和其他资源位于站点根级别的文件夹中 +资产 + js + css +图片

我确保文件夹都是可写的，不知道它还能是什么。控制器正在正确呈现视图，并且HTML正在显示，只是没有jQuery操作。

Answer 1

看起来您在渲染的HTML中缺少jquery函数：

<script>
    $(function() {
        $( "#accordion" ).accordion();
    });
</script>

使用jQuery Accordion的FUEL CMS / CodeIgniter问题 - 不工作@ all

1 个答案: