小编Nic*_*ris的帖子

我有一系列元素(让我们称之为'.my-elements') - 一些文件准备加载,而其他元素稍后通过分页脚本加载.

我想根据鼠标是否在这些元素上来设置变量.下面的代码有效,但我怀疑有更好的方法......我可以这样做,所以我只需要引用一次DOM吗？

$(document).on('mouseenter','.my-elements', function(){
    mouse_is_inside = true;
});

$(document).on('mouseleave','.my-elements', function(){
    mouse_is_inside = false;
});

谢谢!

我在ie9上有一个非常奇怪的问题,其中一个具有max-height(使用calc()和vh设置)和overflow auto的div不会滚动.

您可以通过单击此图像查看发生的情况(如果此处未加载GIF):

我的HTML:

<div class="modal">
  <div class="modal__title">Modal Title</div>
  <div class="modal__body">
    <p>When I am too tall, I should scroll on ie9, but I don't.</p>
  </div>
  <div class="modal__footer">Footer here</div>
</div> 

相关CSS:

.modal {
  min-width: 500px;
  max-width: 800px;
  border-radius: 4px;
  max-height: 65vh;
  overflow: hidden;
  background-color: white;
  position: fixed;
  top: 15vh;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.modal__body {
    max-height: calc(65vh - 120px)); // 120 is the combined height of the header and footer
    overflow-y: auto;
}

我不明白为什么会发生这种情况,因为ie9支持vh,calc()和max-height.有任何想法吗？

JSFiddle演示:https …

我有一个包含多个部分的主页 - 每个部分都链接到主菜单:

<body>
    <header>
        <!-- nav used on all pages -->
        <a href="#nav" class="toggle-nav">
            menu <i class="fa fa-bars"></i>
        </a>
        <nav class="main-nav" id="nav">
            <a href="/#item1">Link</a>
            <a href="/#item2">Link</a>
        </nav>
    </header>


    <!-- homepage -->
    <main>
        <section id="item1">some content here </section>
        <section id="item2">some other content here </section>
    </main>
</body>

(可能)相关的CSS:

body {
    position: relative;
    overflow-x: hidden;
}

@media only screen and (max-width: 750px) {
    header .main-nav a {
        display: block;
    }

    .tiggle-nav {
        display: none;
    }
}

我的想法是,我应该可以点击整个网站菜单中的"第1项",然后登陆主页的特定部分.

这非常有效,除了在firefox移动设备上,从任何其他内部页面点击主页内部锚点链接将导致主页加载距离预期位置100到200px之间的任何位置. …

我有一个测试类,我想创建并登录用户一次:

class UserModelTest(TestCase):
    fixtures = ['group_perms']

    @classmethod
    def setUpClass(cls):
        cls.standard_user = UserFactory(first_name='Firsto', last_name='Namo')

    @classmethod
    def tearDownClass(cls):
        cls.standard_user.delete()

    def setUp(self):
        self.moderator = ModeratorFactory() # I'm here because I need access to fixtures to work - but I'd rather be in setUpClass
        self.client.login(email=self.moderator.email, pass='pass') # I'm here because I need access to self.client to work - but I'd rather be in setUpClass

所以我的问题(或两个):

• 我可以将主持人移动到setUpClass方法中(因为它需要访问灯具)？

• 我可以访问self.client的setUpClass？

我在没有手风琴标记的情况下使用bootstrap崩溃.

这个功能在FF,Chrome等工作正常.在ie7,8和9它工作,但只有我第二次点击'触发'.

$('.trigger').click(function(e){
    e.preventDefault();
    $(this).closest('.item').find('.item-dropdown').collapse('toggle');
});

有什么想法吗？