小编Ant*_*ony的帖子

有效地查找数组中对象的索引

我试图找到数组中对象的索引.我知道有一种方法可以用underscore.js来做到这一点,但我试图找到一个没有underscore.js的有效方法.这是我有的:

var arrayOfObjs = [{
  "ob1": "test1"
}, {
  "ob2": "test1"
}, {
  "ob1": "test3"
}];

function FindIndex(key) {
  var rx = /\{.*?\}/;            // regex: finds string that starts with { and ends with }
  var arr = [];                  // creates new array
  var str = JSON.stringify(arrayOfObjs);          // turns array of objects into a string
  for (i = 0; i < arrayOfObjs.length; i++) {      // loops through array of objects
    arr.push(str.match(rx)[0]);                   // pushes matched string into new array
    str = …
Run Code Online (Sandbox Code Playgroud)

javascript jquery json

12
推荐指数
3
解决办法
1132
查看次数

有没有办法只使用HTML/CSS基于特定值隐藏数据单元?

例如,我有这个代码:

<table>
    <caption>Test</caption>
    <tr>
        <th>Values</th>
        <td>$100</td>
    </tr>
    <tr>
        <th>Initial value</th>
        <td class="results"></td>
    </tr>
</table>
Run Code Online (Sandbox Code Playgroud)

有没有办法只使用HTML/CSS隐藏等于$ 0的单元格?让我们说而不是0美元,我有一个名为费用的变量,可以是各种值:$ 0,$ 20,$ 100等.

例如:

<script>
    var fees = ["$0", "$20", "$100"];
    document.querySelector('.results').innerHTML = fees[1];
</script>
Run Code Online (Sandbox Code Playgroud)

有没有办法检查它是什么值,如果发现它是0美元,我可以隐藏它吗?

我的CSS是:

table{
    border-width: 1px;
    border-style: solid;
    border-collapse: separate;
    width: 400px;
}

#test{
    empty-cells: show;
    margin-bottom: 20px;
}

tr, th, td{
    border-width:1px;
    border-style: solid;
}

.results {
    display: none;     // I want this to only display none when fees = $0
}
Run Code Online (Sandbox Code Playgroud)

html javascript css html-table cell

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

为什么滚动条在IE中不起作用?

我创建了一个滚动条,它在谷歌浏览器和Firefox中完美运行,但在IE中却没有.我觉得它与line-height属性有关.

我的代码:

HTML:

<div id="scrollbar"><br /></div>
Run Code Online (Sandbox Code Playgroud)

CSS:

#scrollbar {
    margin-top: 10px;
    height: 220px;
    float: right;
    overflow-y: scroll;
    line-height: 403px;
}
Run Code Online (Sandbox Code Playgroud)

这是我的jsfiddle.

无论如何要让它在IE中工作?

html css internet-explorer

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

显示/隐藏弹出窗口的性能差异.应对

我有两种不同的方式在React中显示/隐藏弹出窗口.我想知道两者之间是否存在性能差异.我假设第一种方式更传统.

第一种方法:在return语句中显示基于条件语句的弹出窗口(整个代码可以在这里找到):

{this.state.showPopup ? 
  <Popup
    text='Close Me'
    closePopup={this.togglePopup.bind(this)}
   />
   : null
}
Run Code Online (Sandbox Code Playgroud)

第二种方式:渲染按钮单击然后在关闭单击时卸载(整个代码可以在这里找到):

showPopup() {
  ReactDOM.render(
     <Popup
       text='Close Me'
     />,
     document.getElementById('popup')
   );
 }

closeClick() {
  ReactDOM.unmountComponentAtNode(document.getElementById('popup'));
}
Run Code Online (Sandbox Code Playgroud)

javascript reactjs

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

添加到数组javascript

我创建了数组var aData = [];,我想使用Web服务添加到数组.我使用了以下代码来检索最后一项:

var GSUserAfterFindRecord = function (sender) {
    UserVM.ModelList = ko.observableArray(UserVM.Model.GetDataList());
    var list = {};

    $.each(UserVM.Model.GetDataList(), function (index, item) {
        list = { name: item.Name };
    });
    aData.push(list);
    oModel.refresh();
}
Run Code Online (Sandbox Code Playgroud)

但我想要检索所有项目而不仅仅是最后一项.而不是list = { name: item.Name };我尝试list += { name: item.Name }但返回一个空白表.我曾经console.log看过什么被推送到aData,当添加+我得到:["[object Object][object Object][object Object][obje…ect][object Object][object Object][object Object]"]没有+我得到[Object].

我应该提一下,我使用的是sapui5表,这就是我的原因,oModel.refresh但我认为这可以在不知道我使用sapui5表的情况下完成.

javascript arrays sapui5

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

Jquery可拖动 - 可以拖过边距吗?

我在div(父母)中有一个div(孩子).我把孩子的中心放在了一起margin: auto;.我containment: "parent"使用JQuery的可拖动功能使子div可拖动.但是,由于我将边距设置为自动,因此不会让我向左或向右拖动子div.反正是否允许拖拽以避免利润?

HTML:

<div class="parent">
    <div class="child"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS:

.parent {
    background-color: orange;
    position: relative;
    left: 0px;
    top: 0px;
    height : 300px;
    width: 300px;
}
.child {
    background-color: green;
    position: relative;
    height : 100px;
    width: 100px;
    top: 50%;
    transform: translateY(-50%);
    margin: auto;
}
Run Code Online (Sandbox Code Playgroud)

使用Javascript/JQuery的:

$(".child")
    .draggable({
    containment: "parent",
    cursor: "move"
});
Run Code Online (Sandbox Code Playgroud)

这是我的jsfiddle.

我试图在拖动开始时将边距设置为0但看起来很丑陋.这是jsfiddle.

html css jquery

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

标签 统计

javascript ×4

css ×3

html ×3

jquery ×2

arrays ×1

cell ×1

html-table ×1

internet-explorer ×1

json ×1

reactjs ×1

sapui5 ×1