小编Luk*_*kas的帖子

如何按子项更改父级样式:在LESS中悬停操作

我有这个LESS设置:

.wrapper {
    .parent {
       height: 100px;

       .children {
          //some style;

          &:hover {

              .parent & {
                 height: 150px;
              }
          }
       }
    }
}
Run Code Online (Sandbox Code Playgroud)

我需要通过将鼠标悬停在其中的某个子节点来更改父元素的某个高度.这段代码不起作用,有没有可能做到这一点?很多请求帮助.

css parent parent-child hover less

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

通过SASS循环嵌套选择器

我有这个HTML

<ul> // first level
  <li>
    <ul></ul> // second level
  </li>
  <li>
    <ul> // second level
      <li>
        <ul></ul> // third level
      </li>
    </ul>
  </li>
</ul>
Run Code Online (Sandbox Code Playgroud)

有没有可能将嵌套列表相互循环,得到这样的东西:

ul {
 padding: 10px;
 ul {
  padding: 20px;
  ul {
    padding: 30px;
    ... through 10 * ul
  }
 }
}  
Run Code Online (Sandbox Code Playgroud)

有了这个我只有列表乘法.

@for $i from 1 through 10 {
    ul {
        padding-left: 100 - (10 * $i) + px;
    }
  }
Run Code Online (Sandbox Code Playgroud)

css sass

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

如何通过DOMAttrModified检测类更改

我需要检测一些类更改,我使用这个DOMAttrModified,但有些东西是错的,什么?

var first_img = $('body').find('li:first').find('img');

first_img.on('DOMAttrModified',function(e){
    if (e.attrName === 'class') {
        if ($(this).hasClass('current-image')) {
            $(this).removeClass().addClass('previous-image');
        }
        console.log('log');
    }
});
Run Code Online (Sandbox Code Playgroud)

感谢您的建议.

javascript jquery dom addclass dom-events

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

如何使用jQuery触发tap事件

我需要tap在某些选择器上设置触发器.我正在使用jQuery Mobile和这个功能,那么什么是不对的?

window.onload = load;

function load() {
  $('.togglePlay').trigger('tap');
}
Run Code Online (Sandbox Code Playgroud)

javascript jquery touch jquery-mobile

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

如何使用jQuery在其父级外部查找元素

我有这个标记:

  <div>
    <div>
      <button class="button"></button>
    </div>
    <div class="panel">
    </div>
  </div>
Run Code Online (Sandbox Code Playgroud)

现在我需要找到panel适合button元素的下一个并对其进行一些操作.所以我这样做但有些事情是不对的,任何人都可以帮忙吗?

var open_bt = $('.button');

open_bt.on('click',function(){
   $(this).parent().parent().next().child('.panel').slideDown(100);
});
Run Code Online (Sandbox Code Playgroud)

谢谢你的帮助.

javascript jquery parent parent-child

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

使用Mutation Observer检测添加到DOM的元素

我在拖动事件后向DOM中添加了一些元素。我需要检测此元素以及添加此元素的时间。我使用Mutation Observer,但是代码有问题:

var targetNodes = $('.mvly');
var MutationObserver = window.MutationObserver || window.WebKitMutationObserver;
var myObserver = new MutationObserver (mutationHandler);
var obsConfig = { childList: true, characterData: true, attributes: true, subtree: true };

targetNodes.each(function(){
    myObserver.observe(this, obsConfig);
} );

function mutationHandler (mutationRecords) {
    mutationRecords.forEach ( function (mutation) {
        if (typeof mutation.addedNodes == "object") {
            console.log('test');
        }
    });
}
Run Code Online (Sandbox Code Playgroud)

任何人都可以帮忙,谢谢。

javascript jquery html5 mutation-events

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

如何自动显示textarea光标?

你能告诉我如何自动显示textarea光标吗?通常当我点击textarea时,我有一个文本光标.是否有可能直接显示它?

html textarea cursor

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

当页面滚动并具有某个位置时执行某些操作

我有一个页面滚动的问题...我想在我滚动页面时改变一些CSS,如果窗口从顶部位置有100px ...这是我的代码.很多请求帮助.

$(document).ready(function(){
    $(window).scroll(function(){
        if ($(window).scroll(100)){
            $('.ufo').css('right','800px');
        }
    });
});
Run Code Online (Sandbox Code Playgroud)

css jquery scroll position

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

如何使用 SASS 定义 css 选择器类前缀

有没有可能写出这个结构?

[class^="name"]{ 
   &[class*="-1"]{
       padding: 10px;
   }
}
Run Code Online (Sandbox Code Playgroud)

有这个解决方案

.name-1
Run Code Online (Sandbox Code Playgroud)

但仅适用于这种类型的类前缀。

例如,如果我写:

<span class="name-1"></span>
Run Code Online (Sandbox Code Playgroud)

这将是有效的,但是当我写

<span class="othervalue-1"></span>
Run Code Online (Sandbox Code Playgroud)

没有什么可显示的。

css class sass selector

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

如何根据身体ID设置LESS样式

是否可以使用LESS根据body id为某些元素设置样式?

我需要做这样的事情:

@body_about = #about_page;

img when (isclass(@body_about)){
   // some style
}
Run Code Online (Sandbox Code Playgroud)

这个img定义被深深地埋没了,我不想将其绘制到...的顶部。有没有选择的余地?谢谢。

css less document-body

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