小编Ath*_*ace的帖子

如何停止lodash.js _.each循环?

我有这个行代码:

_.each($scope.inspectionReviews, function (value, key) {
    alert("status=" + value.IsNormal + "   " + "name=" + value.InspectionItemName);
    if (!value.IsNormal) {
        $scope.status = false;
        return;
    }
    $scope.status = true;
})
Run Code Online (Sandbox Code Playgroud)

在某些时候我想停止循环,但似乎返回不起作用.

我怎么能停止循环?

javascript lodash

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

使用JavaScript动态应用CSS

使用JavaScript动态地将样式(即在运行时创建样式的值)应用于HTML元素的好方法是什么?

我正在寻找一种方法来将JavaScript小部件(JS,CSS和标记)打包在一个组件中(基本上是一个对象).我们的想法是让组件封装样式(因此用户可以使用一个很好的API来修改它,而不是直接修改CSS并间接应用更改的更紧密耦合的方法).问题是单个API调用可能意味着对几个样式元素的更改.

我这样做的方法是构造CSS并将styleatrribute设置为适当的元素(最有可能使用ID来避免将更改应用于标记的其他区域).这是一个好的解决方案吗?有没有更好的方法呢?

javascript css encapsulation styling web-component

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

当删除其中的列表元素时,Box Shadow会消失在div上

要测试或看到错误:

(注意:Bug已在第二次更新中的链接上复制,因为问题是第一次发布的)

  • 去sukritchhabra.com/importr
  • 在搜索栏中键入Bootstrap.
  • 从建议列表中选择引导程序(注意:如果您没有从列表中选择但在搜索框中按Enter键,页面将中断,您将不得不刷新)
  • 加载Bootstrap后,按绿色按钮6-7次(直到出现滚动条)
  • 现在删除它们中的一些,并且盒子阴影将消失.

到目前为止,我已经尝试了几件事.尝试记录.importrLinks每次删除后的box-shadow属性以捕获它正在发生变化但实际上没有发生变化.

还尝试在每次删除后明确指定box-shadow,这也无济于事.

在我寻找解决方案期间,由于z-index而有很多类似的错误,但我尝试分配自定义z-index并且没有帮助(尽管我仍然相信这是我没有完全测试过的,因为我是分配随机,即改变更高和更低的z-index只是为了检测变化).

UPDATE

正如评论中所建议的那样,我应该提供示例代码而不是完整的网站,我同意.但是,正如我在评论中提到的那样,我无法在小提琴上复制这个错误.

不过,这里有一个链接到jsfiddle:https://jsfiddle.net/sukritchhabra/d3xfyc6t/5/

该错误仍然不会发生在小提琴中,但仍然存在于网站上.我用来创建小提琴的代码是从网站上挑选出来的.我没有为addLink函数获取参数,而是通过常量字符串进行测试.

第二次更新(Bug Replicated)

弄清楚错误正在发生,因为容器有一个float: left;.在小提琴上改变了它,现在这个小提琴就被复制了.

链接到小提琴:https://jsfiddle.net/sukritchhabra/d3xfyc6t/6/

第三次更新(操作系统问题?)

到目前为止,我一直在Mac上工作.我刚刚在Windows机器上测试过它,这个bug似乎只在Mac上.如果这是根本原因,我不是100%确定,但我肯定会在其他机器上进行测试以确定.

同时,如果有人可以在Mac而不是Windows上看到该错误,请在此告诉我.

html javascript css jquery box-shadow

11
推荐指数
1
解决办法
544
查看次数

输出中未定义/ NaN错误

这是我在stackoverflow上的第一篇文章,我遇到以下代码中的错误,在firefox中的inspect元素/ JS控制台中没有显示错误,但由于某种原因,计算后的输出显示未定义/ NaN错误.用户的输入在Float中解析.

码:

function costtoShip(){

    // get input 

    var weight = parseFloat(document.getElementById("weight")).value ;
    var msg;
    var cost;
    var subtotal;

    // calculation

    if ( weight >= 0.00 && weight <= 150.00 ) {
        cost = 20.00;
    }

    else if ( weight >= 151.00 && weight <= 300.00 ) {
        cost = 15.00;
    }

    else if ( weight >= 301.00 && weight <= 400.00 ) {
        cost = 10.00;
    }    


   subtotal = weight * cost ;
   msg = "<div> Total Weight …
Run Code Online (Sandbox Code Playgroud)

javascript numerical nan undefined

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

如何从onchange中获取价值?

嗨,如果从另一个输入字段(日期)将日期设置为今天,我基本上是在尝试禁用另一个输入字段。我似乎无法将 onchange 强加到输入字段并将该值抓取到变量中以使其工作。

我已经成功地将 onchange(this) 放在输入字段上,但我必须将其取出并强制将 JS onchange 放到它上面。

我试过下面的代码。如您所见,当时间超过上午 10 点并且日期选择为今天时,它应该做一些事情:

<script>
    var date = new Date();
    var dd = date.getDate();
    var mm = date.getMonth()+1;
    var yyyy = date.getFullYear();
    var hrs = date.getHours();

    if(dd<10) {
        dd='0'+dd
    } 

    if(mm<10) {
        mm='0'+mm
    }

    date = yyyy+'-'+mm+'-'+dd;


    var userDateEntry = document.getElementById("fm_deliverydate").onchange().value;

    if (hrs >= 10 && userDateEntry == date) {
        alert("Shipping for today has ended. Your order will arrive tomorrow");
        document.getElementById('fm_deliverytime').disabled= true;
    }
    else{
        document.getElementById('fm_deliverytime').disabled= false;
    }
</script>

<input  type="date" name="DateName" id="fm_deliverydate" …
Run Code Online (Sandbox Code Playgroud)

javascript date onchange

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

如何使用 URL.createObjectURL 获取本地文件名?

createObjectURL用来获取图像的属性,例如宽度和高度。如何获取本地文件名?

loadURL = function (event) {
    var output = document.getElementById('myimage'),
        output.src = URL.createObjectURL(event.target.files[0]);
    output.onload = function () {

        document.getElementById("urlinput").value = output. ? ? ? ? ?

        document.getElementById("width").value = output.width;
        document.getElementById("height").value = output.height;
    }
}
Run Code Online (Sandbox Code Playgroud)

你如何从中获取文件名?我曾尝试filenamesrcname。我知道我可以从相应的值中获取值,input type="file"但我想从对象中获取它(上面的输出。???????),但是如何?

javascript image object

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

两个javascript对象如何在同一时间相等且不相等?

下面是一个比较两个JavaScript对象的示例,但我对返回的值感到困惑.

var i=new Object()
var j=new Object()
Run Code Online (Sandbox Code Playgroud)

i==j

i!=j 真正

i>=j 真正

i<=j 真正

i>j

i<j

如何确定上述值?我理解困难.

javascript object

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

如何让网站在移动设备上更大

我的网站:点击

如何在手机上扩大网站?我想有更大的徽标和其他东西.

zoom属性不适用于Iphone,因为我在我的css中有这个:

@media screen and (max-width: 767px) {
    body {
        zoom: 150%;
        -moz-transform: scale(1.5);
    }
}
Run Code Online (Sandbox Code Playgroud)

html css media-queries

3
推荐指数
2
解决办法
1502
查看次数

.clone不是一个函数

我正在尝试获取一天的开始日期和结束日期.现在要做到这一点我写了这段代码:

var date_start_temp = $('#calendar').fullCalendar('getView').start;
console.log(date_start_temp)
var date_start = date_start_temp.clone().utc().format("ddd MMM DD YYYY HH:mm:ss");
var date_end = date_start.clone().startOf('day').add(1, 'day').format("ddd MMM DD YYYY HH:mm:ss");
Run Code Online (Sandbox Code Playgroud)

console.log返回:

2015年11月10日星期二01:00:00 GMT + 0100(ora solare Europa occidentale)

但在下一行我收到此错误:

date_start_temp.clone(...).utc不是函数

而且我不知道为什么.我只想得到这个最终结果:

DATE_START

2015年11月10日星期二00:00:00

DATE_END

2015年11月11日星期三00:00:00

如何看待我将小时数设置为0并删除GMT,我不想要GMT.我怎么能做到这一点?

javascript jquery fullcalendar momentjs

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

无法在jQuery中取消选中

我有一个复选框设置,应该添加和删除带有传单的图层.现在我无法取消选中复选框.

HTML:

<form action="">
    <input type="checkbox" id="pointCheck" value="true">Points &nbsp;
    <input type="checkbox" id="lineCheck">Lines &nbsp;
    <input type="checkbox" id="polygonCheck">Polygons &nbsp;
</form>
Run Code Online (Sandbox Code Playgroud)

JavaScript的:

$(":checkbox").click(function(){
    if($("#pointCheck").prop('checked', true)){
        $.getJSON("../data/point.json").done(function(data){
            addPoints(data);
            console.log("hello");
        });
    }
    else if($("#pointCheck").prop('checked', false)){
        console.log("remove");
    }
})
Run Code Online (Sandbox Code Playgroud)

jquery

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

Javascript数组函数有我无法看到的错误

我正在编写一个函数,它应该创建一个预先填充零的二维数组.我的输出看起来是正确的,但显然它有一个我没有看到的错误.有人知道它是什么吗?我没有看到它.

function createMatrix(size) {
    var defValue = 0;
    var row = [];
    var matrix = [];
    for (var i = 0; i < size; i++) {
        row.push(defValue);
    }
    for (var i = 0; i < size; i++) {
        matrix.push(row);
    }
    return matrix;
}
Run Code Online (Sandbox Code Playgroud)

javascript arrays

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

从数组获取第一个对象

我正在尝试创建一个仅包含此数组中的Name元素的数组:

var array = [{Name: "steve"}, {Age: 18}, {Location: "Uk"}];
Run Code Online (Sandbox Code Playgroud)

我是JavaScript的新手,我不确定如何做到这一点。

javascript arrays

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

如果为每个输入选择了JQuery,则添加类

如果选中输入类型复选框,我目前使用以下jQuery代码添加类.但它将类添加到所有元素,即使它们未被选中.

我怎么解决这个问题?

HTML:

<div class="checkbox product-option">
    <label for="addon1">
        <span class="product-option-text">
            <input class="checkbox-row" type="checkbox" name="addons[1]" id="addon1" onclick="prodconfrecalcsummary()">
            <span class="text">Text</span>
        </span>
    </label>
</div>

<div class="checkbox product-option">
    <label for="addon2">
        <span class="product-option-text">
            <input class="checkbox-row" type="checkbox" name="addons[2]" id="addon1" onclick="prodconfrecalcsummary()">
            <span class="text">Text</span>
        </span>
    </label>
</div>

<div class="checkbox product-option">
    <label for="addon3">
        <span class="product-option-text">
            <input class="checkbox-row" type="checkbox" name="addons[3]" id="addon1" onclick="prodconfrecalcsummary()">
            <span class="text">Text</span>
        </span>
    </label>
</div>
Run Code Online (Sandbox Code Playgroud)

jQuery的:

<script>
    jQuery(".checkbox-row").change(function() {
        if($(this).is(':checked')) 
            $('div.checkbox.product-option').addClass("selected"); 
        else 
            $('div.checkbox.product-option').removeClass("selected");
    });
</script>
Run Code Online (Sandbox Code Playgroud)

javascript jquery

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