小编sha*_*han的帖子

我有一个像这样使用的MutationObserver，

var config = {
  attributes: false,
  childList: true,
  characterData: false,
  subtree: true
};

var observer = new MutationObserver(function(mutations) {
  //need to call function1() only when nodes are ADDED, not removed
});

var startObserving = function () {
  target = document.getElementsByClassName("message-container")[0];
  observer.observe(target, config);
}

我需要在MutationObserver正在监视的容器中添加元素或从中移除元素，但是我只想function1()在添加节点时执行。有没有办法做到这一点？我一直在阅读MDN文章，但想不出一种方法来做到这一点。任何帮助，将不胜感激！

我在Firefox中有一个奇怪的问题,我似乎无法修复.在Chrome和Safari中我的浮动:左侧和浮动:右侧列正常工作并处于正确的位置,但是当我在Firefox中查看它时,它很混乱.我的底部标题位于其上方,我的列重叠!我一直在寻找,但无法找到任何具体的解决方案来浮动Firefox的差异 - 有人可以看看我的代码并告诉我发生了什么？或者有人有任何关于我不知道的Firefox浮动的事实吗？谢谢!

这是我的JsFiddle和我的代码.对于JsFiddle,Firefox中的浮动似乎没问题..只是不在我的页面上.呃,我会继续寻找,但我很确定它是漂浮物的一个问题.删除它们使得一切都很好地融合在Firefox上.至少左栏.

这是相关的浮点数css:

.fourtextleft {
    font-family: Roboto;
    text-decoration: none;
    text-transform: none;
    font-weight: 300;
    font-size: .5em;
    color: #666;
    float: left;
    width: 38%;
    height: auto;
    text-align: justify;
    margin: 0% 5% 2% 0%;
    padding: 4% 2% 3.5% 0%;
    vertical-align: middle;
}

.fourtextright {
    font-family: Roboto;
    text-decoration: none;
    text-transform: none;
    font-weight: 300;
    font-size: 1em;
    color: #666;
    float: right;
    width: 30%;
    height: auto;
    text-align: justify;
    margin: 3% 15% 2% 0%;
    padding: 4% 0% 3.5% 2%;
    vertical-align: middle;
}

.floaters {
    clear: …

我的 Jquery slideDown 菜单有一些困难。当我将鼠标悬停在触发 slideDown 事件的按钮上时，它可以完美运行，但是当我将鼠标悬停在向下滑动的子菜单上时，它会触发 slideUp 事件并关闭菜单。

我正在寻找一种方法来更改我的代码，在我将鼠标悬停在初始按钮上以触发子菜单滑动后，如果我将鼠标悬停在子菜单上，该子菜单将保持打开状态，直到我不再将鼠标悬停在初始按钮或子菜单上.. 我希望这足够清楚。

这是到目前为止我拥有的 Jquery，除了子菜单之外，它工作正常！

$(document).ready(function () {
var menu = $('.menu')

menu.hide();

$('#mainbutton').hover(

    function () {
        $('.menu').stop(true, true).slideDown(400);
    },

    function () {
        $('.menu').stop(true, true).slideUp(400);
    }

);

});

有什么建议？我确定这很简单，我只是无法正确地表达我的问题，无法找到其他人的解决方案 u_u

感谢您提供的任何帮助！

编辑：这是 jsfiddle—— http://jsfiddle.net/mXXEP/

我正在制作一个用于练习的音板，我想让用户能够res/raw在单击菜单项时下载声音（我已将其包含在应用程序的文件夹中），但我只能找到有关从互联网网址下载的信息，不是我已经包含在 apk 中的东西。

做这个的最好方式是什么？如果可能的话，我想让他们选择保存到 SD 卡。指出在文档中使用的正确类会很棒！我一直在谷歌搜索没有结果。

谢谢！

有点卡在这里.这是我目前的js:

     Polymer('test-element', {

          toggleOne: function() {
              var colOne = this.$.collapseOne;
              colOne.toggle();
          },

          toggleTwo: function () {
              var colTwo = this.$.collapseTwo;
              colTwo.toggle();
          }
      });

这是相应的html:

<div on-click="{{toggleOne}}">
    test test test
</div>

<core-collapse id="collapseOne">
    test test test test test
</core-collapse>

<div on-click="{{toggleTwo}}">
    test test test
</div>

<core-collapse id="collapseTwo">
    test test test test test
</core-collapse>

首先:有没有办法将其合并为一些更清晰的代码？我喜欢其中的12个所以它似乎有点低效..

其次:我认为我的第一个问题的答案将有助于此 - 我知道如何测试一个是否开放,但我不知道如何测试一个不同的表达式,如果一个是开放的.例如,我需要检查

if (colOne.opened)

并设置它

colTwo.closed

对所有人而言,反之亦然.我不想做像这样可怕的事情:

if (colOne.closed && colTwo.closed && colThree.closed && colFour && ...)

我需要将它们放在我认为的相同功能中,对于如何格式化这一点,如果有人可以解决这些问题,我需要有点困惑吗？谢谢!任何帮助表示赞赏!

编辑:我知道聚合物有一个手风琴UI,但由于它是实验性的,我不想使用它.

这可能吗？我正在尝试重新创建一个落在屏幕上的球,我有一个像这样的动画:

@keyframes bounce {
  20%, 40%, 60%, 74%, 84%, 92%, 100% {
    transform: translate(0, 0);
  }
  0% {
    transform: translate(0, -100vh);
  }
  30% {
    transform: translate(0, -40vh);
  }
  50% {
    transform: translate(0, -20vh);
  }
  68% {
    transform: translate(0, -10vh);
  }
  80% {
    transform: translate(0, -5vh);
  }
  88% {
    transform: translate(0, -2vh);
  }
  96% {
    transform: translate(0, -1vh);
  }
}

这个,当这样实现时:

.ball {
  animation: bounce 3s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0s 1 normal forwards;
}

产生看起来像这样的东西:

这是.. 好吧,但不理想.我宁愿做类似的事情:

但是为了做到这一点,我需要有一个不同的计时功能,初始0-> 20%与其余的相比.有没有办法为关键帧动画的不同部分做不同的计时功能？或许是一种不同的方式来获得我没想到的准确的 …