小编Tus*_*har的帖子

多个复选框div 100%身高

我有问题来修复内部有多个复选框的div的高度,因此高度不超过窗口(正文)的100%.我尝试了这么多员工,所以我没有解决方案.如果有人知道一些技巧来帮助我这个,我会非常高兴

$(".open").on("click", function () {
    $("#multiselect-wrap").animate({
        left: 0
    });
    $(".open").hide();
    $(".close").show();
});

$(".close").on("click", function () {
    $("#multiselect-wrap").animate({
        left: -220
    });
    $(".open").show();
    $(".close").hide();
});
Run Code Online (Sandbox Code Playgroud)
#multiselect-wrap {
	background-color: #f6f6f6;
	width: 200px;
	padding: 0 8px 10px 10px;
	border: solid 1px #c0c0c0;
	position: fixed;
	height: 100%;
}
.multiselect {
	width: 200px;
	height: 100%;
	overflow:auto;
	border: solid 1px #c0c0c0;
	background-color: #fff;
}
.multiselect label {
	display:block;
	cursor: pointer;
	padding: 4px 10px;
}
.multiselect input {
	float: right;
	cursor: pointer;
}
.multiselect p {
	padding-left: 5px; …
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery

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

检测逗号/按Enter键

输入字段中有一些逗号分隔值.当我按下COMMA(,)或ENTER键时,我想提醒一条消息.我已经给出了我用于此的代码,但是没有用.这有什么低效的吗?

$(document).on("keyup", '.tagsinput', function (e) {
    if (e.which == 13 || e.which == 44) {
        alert('comma added');
    }
});
Run Code Online (Sandbox Code Playgroud)

javascript jquery

6
推荐指数
2
解决办法
6744
查看次数

用jquery检查PHP中的结果/ echo是否以"abc"开头

我使用jquery和ajax提交表单而不重新加载页面,然后根据结果(无论是成功还是错误)我在两个不同的div中打印消息.由于ajax中的成功和错误只检查客户端/服务器连接,因此当查询成功时我会回复PHP中的一些内容,并根据我的条件决定如何处理消息.Jquery/ajax部分看起来像那样(通常我使用两个不同的div,但为了简化示例,我将使用警报):

success: function (result) {
    if (result == 'success') {
        alert("Success!");
    } else {
        alert("There was an error.");
    }
},
Run Code Online (Sandbox Code Playgroud)

这很好用,但我想提高它的可用性.

现在的问题是:我可以使用if (result ==像str.match这样的部分内容吗?例如,如果运行查询时遇到一些问题,我会在php中回显我可以在echo "Error: >error description here<";某种程度上使用str.match(/^Error/)我的if条件并回显整个消息吗?

php ajax jquery

6
推荐指数
2
解决办法
1207
查看次数

为什么在赋值给变量后函数名称不可用

我刚在一次采访中遇到过这个问题.我没有得到任何答案,所以把它放在StackOverflow上

JS中的一个简单问题,但我无法理解它背后的原因.下面是代码.

var f = function foo(a, b) {
    console.log(a + "-" + b); //f(1,2) will print 1-2
    //foo(1,2) is undefined.
}
Run Code Online (Sandbox Code Playgroud)

现在,如果我这样做,f(1,2)它完全正常.

但如果我这样做,foo(1,2)那就说undefined function.

为什么会这样?将函数赋值给js变量后,为什么无法使用函数名调用函数?

javascript

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

JS:如何移动给定字符串中的每个字母N在字母表中放下?

如何移动给定字符串中的每个字母N在字母表中放下?标点符号,空格和大小写应保持不变.例如,如果字符串是"ac"且num是2,则输出应为"ce".我的代码出了什么问题?它将字母转换为ASCII并添加给定的数字,然后从ASCII转换回字母.最后一行替换空格.

function CaesarCipher(str, num) {

    str = str.toLowerCase();
    var result = '';
    var charcode = 0;

    for (i = 0; i < str.length; i++) {
        charcode = (str[i].charCodeAt()) + num;
        result += (charcode).fromCharCode();
    }
    return result.replace(charcode.fromCharCode(), ' ');

}
Run Code Online (Sandbox Code Playgroud)

我越来越

TypeError: charcode.fromCharCode is not a function
Run Code Online (Sandbox Code Playgroud)

javascript string

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

JavaScript中原始数据类型和非原始数据类型的区别

即使使用相同的名称(即var)声明,我也无法确切了解JavaScript中原始数据类型与非原始数据类型之间的区别。

javascript oop types abstract-data-type

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

如何在这些元素上为 hide() 和 show() 的效果添加过渡?

在下面的 SSCCE 中,我如何为.items的出现show()和它们的消失 using设置动画hide(),使其看起来像item5, item6, item7,item8已飞入视口?

也就是说,我要的是,当.next-arrow被点击时,例如在第一时间,隐蔽item1item2item3item4,和的表现item5item6item7item8,在“转变” -就像新页面流入视在这网站。

我怎样才能做到这一点?

$(document).ready(function() {
  //alert('ready');//check

  var numberOfItems = $('.item').length;
  //alert('numberOfItems => ' + numberOfItems);//check

  displayNextArrowOnCondition();
  displayPreviousArrowOnCondition();



  /**
   *
   **/
  $('a.next-arrow').click(function(event) {
    event.preventDefault();

    var currentFirstItem = getCurrentFirstItem(); // Difference between var and no var SO: If you're in the global scope then there's …
Run Code Online (Sandbox Code Playgroud)

javascript css jquery transition css-transitions

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

如何在JSON对象中组合多个键值?

我有这个示例JSON对象

var sample = [{
    "label": "one",
    "value": 1
}, {
    "label": "two",
    "value": 2
}, {
    "label": "three",
    "value": 3
}, {
    "label": "four",
    "value": 4
}, {
    "label": "five",
    "value": 5
}];
Run Code Online (Sandbox Code Playgroud)

我想改变这样的事情

var sample = [{
    "label": "one",
    "value": 1,
    "newKeyValue": "one|1"
}, {
    "label": "two",
    "value": 2,
    "newKeyValue": "two|2"
}, {
    "label": "three",
    "value": 3,
    "newKeyValue": "three|3"
},
...
];
Run Code Online (Sandbox Code Playgroud)

它应该结合两个键值并返回组合两者的新键值.

JSON是动态的关键标签,价值不是静态的,它可以是任何东西.例如[{"name":"srinivas","lastname":"pai"}]

javascript jquery json

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

jquery将键和值推入数组

我有以下方式的初始数组:

var bankNamesList = [{
    'BARODA': 'BARODA'
}, {
    'AB': 'AB'
}];
Run Code Online (Sandbox Code Playgroud)

然后我循环这些值并附加到主变量并构建一个下拉列表

var bankNames = '<ul class="root" id="exp-bank-names">';
$.each(bankNamesList, function() {
    $.each(this, function(name, value) {
        bankNames += '<li><a href="#" name="' + name + '">' + value + '</a></li>';
    });
});
bankNames += '</ul>';
$('.submenu-bank-list').html(bankNames);
Run Code Online (Sandbox Code Playgroud)

如何将新值推送到数组中.

我尝试了以下方式,但没有运气.

var nameAttr = 'SBI';    
bankNamesList.push({nameAttr:nameAttr});
Run Code Online (Sandbox Code Playgroud)

jquery

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

如何切换我的叠加层,以便在单击其他链接时关闭?

我对单页网站有叠加效果.我有两个叠加的两个链接.单击第二个链接后,第一个叠加层不会关闭,并显示两个叠加层.如何关闭初始叠加层?

HTML:

<nav id="menuheader">
    <ul style="display:block;">
        <li>
            <div class="about link" data-link="overlay-about"> About </div>
        </li>
        <li>
            <div class="service link" data-link="overlay-service"> Services </div>
        </li>
        <li>
            <div class="contact link"> Contact </div>
        </li>
    </ul>
</nav>
<aside class=" overlay overlay-about overlay-contentscale">
    <div class="overlay_close"></div>
</aside>
<aside class="overlay overlay-service overlay-contentscale ">
    <div class="overlay_close"></div>
</aside>
Run Code Online (Sandbox Code Playgroud)

使用Javascript:

$(".link").on('click', function(e) {
    e.preventDefault();
    var currentClass = $(this).data("link");
    $("aside." + currentClass).addClass("open");

})
$('.overlay_close').on('click', function() {
    if ($('.overlay').hasClass('open')) {
        $("aside.overlay").removeClass("open");
        $(".overlay").addClass('close');
        $('.overlay').removeClass('close');
    }
});
Run Code Online (Sandbox Code Playgroud)

如果你可以请使用Javascript,而不是JQuery.

html javascript jquery

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