小编Amy*_*Amy的帖子

Ie7下拉菜单悬停在问题上

在ie7!中遇到问题,请参阅下面的图片,了解下拉菜单的外观.这在其他所有浏览器中都可以正常工作,但是在ie7中,只要您在主要信息之外冒险,即:顶部链接'菜单消失.我已经检查了所有内容周围的红色框,并且li元素正确扩展以包含子菜单但我无法修复它.有任何想法吗?

标记示例:

<nav>    
  <ul class="clearfix">    
    <li class="dropdown-link"><a href="#" class="main-link">Top Link</a>
      <ul class="clearfix dropdown-holder">
        <li>    
          <div class="arrow"></div>
          <div class="dropdown-holder-inner">
             <ul class="dropdown">
               <li><a href="#">Link</a></li>
               <li><a href="#">Link</a></li>
               <li><a href="#">Linky</a></li>
               <li><a href="#">Link</a></li>
               <li><a href="#">Link</a></li>
               <li class="last-child"><a href="#">Link</a></li>
             </ul>
           </div>
         </li>                            
      </ul>
     </li>
    </ul>
</nav>?
Run Code Online (Sandbox Code Playgroud)

CSS很重,所以我把完整的代码放在jsfiddle上:http://jsfiddle.net/n2kgX/3/

图片:http://i.stack.imgur.com/k24Du.png

css internet-explorer-7 drop-down-menu

4
推荐指数
2
解决办法
1935
查看次数

#accordion不是一个函数

手风琴脚本有问题,手风琴在我使用直接html工作时工作,但现在已经转移到wordpress手风琴已停止工作.

这是我的代码

  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
  <script>
  $(document).ready(function() {
    $("#accordion").accordion();
  });
  </script>
<?php wp_head(); ?>
Run Code Online (Sandbox Code Playgroud)

和HTML:

            <div id="accordion">
 <div class="button"><a href="#">Infrastructure</a></div>
    <div><?php
            if (function_exists('iinclude_page')){
                iinclude_page('sectors/infrastructure');
            }?>
            </div>
    <div class="button"><a href="#">Housing</a></div>
    <div><?php
            if (function_exists('iinclude_page')){
                iinclude_page('sectors/housing');
            }?></div>
                <div class="button"><a href="#">Education</a></div>
    <div><?php
            if (function_exists('iinclude_page')){
                iinclude_page('sectors/education');
            }?></div>
                <div class="button"><a href="#">Health</a></div>
    <div><?php
            if (function_exists('iinclude_page')){
                iinclude_page('sectors/health');
            }?></div>
</div>
Run Code Online (Sandbox Code Playgroud)

我真的不明白这个问题,因为它直接用于HTML.我甚至尝试用直接文本删除包含功能,它仍然无法正常工作?

有任何想法吗?没有其他jquery对象干涉.

wordpress jquery function

3
推荐指数
1
解决办法
1万
查看次数

Knockout js:为每个第n项添加Class

有没有简单的方法来做像jquery这样的事情

$('#image-gallery li:nth-child(3)').addClass('third-image-child')
Run Code Online (Sandbox Code Playgroud)

但是在淘汰赛的背景下,我对淘汰赛来说是全新的,但似乎无法找到一种简单的方法来做一些似乎应该如此简单的事情?我认为这可能与查找可观察数组中的第3项并添加类但不确定语法有关.救命??!

我的模型如下,它是一个简单的分页模型,加载9个项目,然后有下一个和前一个按钮.现在我添加了一个简单的函数来生成100个项目,只是为了测试它.

members.DisplayGallery = function(jsondata) {
                    var viewModel = {
                        fields: ko.observableArray(jsondata),
                        pageSize: ko.observable(9),
                        pageIndex: ko.observable(0),
                        previousPage: function() {
                            this.pageIndex(this.pageIndex() - 1);
                        },
                        nextPage: function() {
                            this.pageIndex(this.pageIndex() + 1);
                        }
                    };



                    viewModel.maxPageIndex = ko.dependentObservable(function() {
                        return Math.ceil(this.fields().length / this.pageSize()) - 1;
                    }, viewModel);


                    viewModel.pagedImages = ko.dependentObservable(function() {
                        var size = this.pageSize();
                        var start = this.pageIndex() * size;
                        return this.fields.slice(start, start + size);
                    }, viewModel);


                  ko.applyBindings(viewModel, $('#image-gallery')[0]);
                };


                $(function() {
                    var data = [];
                    for (var i = …
Run Code Online (Sandbox Code Playgroud)

data-binding indexing knockout.js

1
推荐指数
1
解决办法
3207
查看次数