小编Bha*_*oni的帖子

我正在使用 Jest 和 Enzyme 来测试我的应用程序。我收到错误：

 FAIL  app/containers/Navbar/NavbarContainer.test.js\n  \xe2\x97\x8f Test suite failed to run\n\n    app/components/Navbar/styles.css: Unexpected token (1:0)\n      > 1 | @import "../../styles/base/_variables";\n          | ^\n        2 |\n        3 | .navbar{\n        4 |   width: $navbar-width;\n

这是我在 package.json 中的 Jest 配置：

"jest": {\n    "verbose": true,\n    "globals": {\n      "env": {\n        "isProd": false,\n        "isDev": true,\n        "command": "start"\n      }\n    },\n    "moduleNameMapper": {\n      "\\\\.(css)$": "identity-obj-proxy"\n    },\n    "moduleFileExtensions": [\n      "js",\n      "jsx",\n      "json",\n      "css"\n    ],\n    "modulePaths": [\n      "/app"\n    ],\n    "moduleDirectories": [\n      "node_modules"\n    ],\n    "verbose": true,\n    "setupFiles": …

我正在创建一个网页,其中有3个元素,每个都有自己的ID,在脚本部分我有3个与html ID同名的函数..我想在点击元素时执行各自的功能..以下是我的代码:( 小提琴)

HTML:

<div id="one" class="btn">
  Click here for 1
</div>
<div id="two" class="btn">
  Click Here for 2
</div>
<div id="three" class="btn">
  Click Here for 3
</div>

JQ:

$('.btn').on('click',function(){
  $(this).attr('id')()  //here I want to run function
});
function one(){alert("one clicked")}
function two(){alert("two clicked")}
function three(){alert("three clicked")}

请帮助..我不想使用if语句...我试图以最优化的方式做到这一点.. :)这里是小提琴的链接

我正在为我的项目创建一个在线购物网站,在我用于float:left正确列出它们的产品列表中但问题是产品div的大小将是可变的,如果一个div的大小增加它会破坏我的列表设计.请帮帮我这是我的代码:

HTML:

<div class="container">
            <div class="unit"  style="height:140px">
            </div>
            <div class="unit">
            </div>
            <div class="unit">
            </div>
            <div class="unit">
            </div>
            <div class="unit">
            </div>
            <div class="unit">
            </div>
            <div class="unit">
            </div>
            <div class="unit">
            </div>
            <div class="unit">
            </div>
            <div class="unit">
            </div>
            <div class="unit">
            </div>
            <div class="unit">
            </div>          
        </div>

CSS:

.unit{float:left;width:170px;height:133px;border: 1px solid red;margin:5px;}

这是小提琴链接:http: //jsfiddle.net/iiison/VPESu/

提前致谢 :)

我试图在click事件上添加和删除一个类,它就像突出显示一个元素,但没有什么在这里讨厌:(.这是我的代码:JQ:

var listed=($('.vis').size())-1,
btn=$('.compare-btn');
  listed < 5 ? listed>=2?btn.show(500):null):btn.text("more").addClass('border').setTimeout(btn.removeClass('border'),2000);

CSS:

.border{border:2px solid red;width:95%!important;}

请告诉我这段代码有什么问题

我有一个这样的字符串：

"test", "test2", "test3"

我想test*用一些值替换。这意味着它在替换后看起来像这样：

"abc", "abc", "abc"

这是我到目前为止尝试过的：

:s/test\(\d\)/abc/g => didn't work as expected.
:s/test\p/abc/g => deletes quotes in first occurrence.
:s/test\d/abc/g => first occurrence remains unchanged.

你能帮我使用正确的语法吗？