JQuery UI一些函数错误TypeError:$(...)。accordion不是函数

时间:2015-06-30 05:13:45

标签: javascript jquery jquery-ui

我尝试在stackoverflow中跟随另一个问题线程,但没有结果,我得到错误TypeError:$(...)。accordion在使用accordion函数时不是函数,但对于其他函数JQuery UI如“effect”,它的运作良好。

这是我的代码

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
    return self.myViewConstraint.constant == 0 ? 74 : 174;
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    TableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:ReuseID];
    if (!cell) {
        cell = [[TableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:ReuseID];
    }
    if (self.myViewConstraint.constant != 0) {
        [cell doAnimation];
    }

    return cell;
}

在我的head.php文件中,jquery和jquery ui都加载了成功

<h3>Our Product</h3>
<div id="accordion">
  <div id="accordion">
  <h3>Section 1</h3>
  <div>
    <p>Mauris mauris ante, blandit et, ultrices a, susceros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.</p>
  </div>
  <h3>Section 2</h3>
  <div>
    <p>Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna. </p>
  </div>
  <h3>Section 3</h3>
  <div>
    <p>Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui. </p>
    <ul>
      <li>List item</li>
      <li>List item</li>
      <li>List item</li>
      <li>List item</li>
      <li>List item</li>
      <li>List item</li>
      <li>List item</li>
    </ul>
  </div>
</div>
</div>
</div>

这是我的js代码,我使用外部文件并将其放在页脚

<title><?php echo $title;?> | Mitra Dekor</title>
<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="keywords" content="">
<meta name="author" content="">
<link rel="stylesheet" href="<?php echo base_url('assets/css');?>/bootstrap.css" type="text/css">
<link rel="stylesheet" href="<?php echo base_url('assets/css');?>/font-awesome.css" type="text/css">
<link rel="stylesheet" href="<?php echo base_url('assets/css');?>/owl_003.css" type="text/css">
<link rel="stylesheet" href="<?php echo base_url('assets/css');?>/owl.css" type="text/css">
<link rel="stylesheet" href="<?php echo base_url('assets/css');?>/owl_002.css" type="text/css">
<link rel="stylesheet" href="<?php echo base_url('assets/css');?>/fonts.css" type="text/css">
<link rel="stylesheet" href="<?php echo base_url('assets/css');?>/mitradekor.css" type="text/css">
<link rel="stylesheet" href="<?php echo base_url('assets/css/jquery-ui');?>/jquery-ui.css" type="text/css">
<link rel="stylesheet" href="<?php echo base_url('assets/css');?>/tooltipster.css" type="text/css">
<link rel="stylesheet" href="<?php echo base_url('assets/css/themes');?>/tooltipster-light.css" type="text/css">
<script src="<?php echo base_url('assets/js');?>/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="<?php echo base_url('assets/js');?>/jquery-ui.js" type="text/javascript"></script>

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

我的代码有问题吗?

更新这是jsfidlle http://jsfiddle.net/a0jzt46p/

三江源

3 个答案:

答案 0 :(得分:1)

当您下载jQuery UI时,它可以让您选择所需的所有选项。确保你选择了手风琴。或者您可以将CDN与完整文件一起使用:https://code.jquery.com/ui/1.11.3/jquery-ui.min.js

使用该文件让它对我有用但你有另一个问题。有2个ID为#accordion的div。删除一个,并使用完整的UI文件修复代码。这是一个更新的jsfiddle:http://jsfiddle.net/a0jzt46p/1/

为了测试,我删除了你的OwlCarousel函数。

答案 1 :(得分:0)

可能与jquery.ui库是否无法正确加载或与函数问题有关,请先尝试使用简单代码并查看是否发现问题

答案 2 :(得分:0)

示例:http://jsfiddle.net/kevalbhatt18/5Lxcz2rj/

  

我更改了jquery-ui.js因为你的js .accordion函数是   遗失所以我更改了.js和.css文件,请参阅参考Jquery-ui-accordion

我在html中更改了你的id,因为不要在一个页面中为两个元素提供相同的id  的

<h3>Our Product</h3>
    <div id="accordion">
      <div id="accordion1">
      <h3>Section 1</h3>...
      ........................