我有一个装满DIV的页面,其中包含图像.
当我将鼠标悬停在图像上时,我可以通过添加类等来突出显示它或添加阴影以轻松地突出显示它,但是有没有办法将所有其他图像调暗.
DIV被加载到DOM中我希望DIV当前徘徊以保留100%或1个不透明度,并且当突出显示一个DIV时,页面上的其余DIV会淡化为70%或0.7.
这可能吗?
我正在使用jquery redactor,一切都很好,但我想让一些部分表现得像编辑就地编辑器.
我理解按钮如何工作,例如:
var buttons = ['formatting', '|', 'bold', 'italic'];
$('#redactor').redactor({buttons: buttons});
Run Code Online (Sandbox Code Playgroud)
并设置按钮:
var buttons = [];
Run Code Online (Sandbox Code Playgroud)
所以没有按钮,但工具栏仍然显示.
问题有没有办法删除工具栏和按钮?
如果我fetch()在一个Promise.all块内有多个调用,当一个调用失败时,它都会失败。太好了,我需要他们全部解决。
但是,我如何才能找到哪个实际上失败了?
在下面的代码中,catch error告诉我:
类型错误:无法获取`
如果我选择这样做,则无法构建有效的用户错误消息。
const goodUrl = 'https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js';
const badUrl = 'https://ajax.googleapis77.com/ajax/libs/jquery/2.1.3/jquery.min.js';
Promise.all([
fetch(goodUrl),
fetch(badUrl), /* will fail */
fetch(goodUrl)
]).then(([response1, response2, response3]) => {
console.log(response1);
console.log(response2);
console.log(response3);
}).catch((err) => {
console.log(err);
});
Run Code Online (Sandbox Code Playgroud)
我寻找了重复项,这不是一个,因为示例抛出了相同的错误
我有一个提交按钮,在用户从选择列表中进行选择之前,该按钮将被禁用。
我想删除禁用属性并添加一个类,以便该按钮成为我在整个站点中使用的标准按钮类(在更改选择列表时)。
我正在尝试以下操作:
$(document).ready(
function(){
$('#category').change(
function(){
if ($(this).val()) {
$('input:submit').attr('disabled',false);
$('#btn_show').addClass.attr('button green');
}
});
});
Run Code Online (Sandbox Code Playgroud)
#category 是下拉 id,#btn_show 是按钮 id
禁用已删除,但未添加类。我的逻辑正确吗?
另外,当发生这种变化时,是否也可以更改提交按钮的值?
我正在使用三元if语句,因为我不能使用switch进行以下操作,但是,有更好的方法吗?我最近读到这些可能是资源匮乏的?(这可以在页面中多次调用)
$filter= (
($price_check > '0' && $price_check < '20.01') ? '020' :
(($price_check > '20.00' && $price_check < '50.01') ? '2050' :
(($price_check > '50.00' && $price_check < '100.01') ? '50100' :
(($price_check > '100.00' && $price_check < '200.01') ? '100200' :
(($price_check > '200.00' && $price_check < '500.01') ? '200500' :
(($price_check > '500.00') ? '501' : '0'
))))));
Run Code Online (Sandbox Code Playgroud) 我正在测试新的菜单代码和它的一个问题,就是它加载了所有内容,然后在完成所有加载后跳转到位.
所以我正在尝试隐藏它直到文档准备好然后显示它
所以,CSS隐藏它:
#mega-menu-1 {
font: normal 13px Arial, sans-serif;
list-style: none;
position: relative;
padding: 0;
margin: 0;
margin-top:13px;
display: none;
}
Run Code Online (Sandbox Code Playgroud)
然后我在页面末尾调用jquery来加载菜单,然后将显示更改为阻止,但菜单不显示
这是我正在尝试的jquery:
<script type="text/javascript">
$(document).ready(function($){
$('#mega-menu-1').dcMegaMenu({
rowItems: '2',
event: 'click',
fullWidth: false
});
$('#mega-menu-1').css('display') == 'block';
});
</script>
Run Code Online (Sandbox Code Playgroud)
这样做的正确方法是什么?
我有一个页面,允许用户"轻推"某人做某事
我有以下HTML(它可以出现很多次,但我现在将显示两个)
<div class="nudgeHolder641">
<a id="nudge" data-wl_id="641" data-nudge_for="415" data-nudge_from="63" href="#">Nudge</a>
</div>
<div class="nudgeHolder1172">
<a id="nudge" data-wl_id="1172" data-nudge_for="415" data-nudge_from="63" href="#">Nudge</a>
</div>
Run Code Online (Sandbox Code Playgroud)
我有以下代码来操作点击:
$(document).ready(function(){
$("#nudge").click(function() {
var nudge_from = $( '#nudge' ).data( 'nudge_from' );
var nudge_for = $( '#nudge' ).data( 'nudge_for' );
var wl_id = $( '#nudge' ).data( 'wl_id' );
var dataString = 'nudge_from='+ nudge_from + '&nudge_for=' + nudge_for + '&wl_id=' + wl_id;
$.ajax({
type: "POST",
url: "/pages/includes/ajax/nudge.php",
data: dataString,
success: function() {
$('.nudgeHolder'+wl_id).html("<h3>Fantastic!</h3>")
.append("<p>Nudge Sent!</p>")
.hide()
.fadeIn(1500, function() {
//$('#message').append("<img id='checkmark' …Run Code Online (Sandbox Code Playgroud) 我有以下html:
<div class="profileRowHeader">
<i class="glyphicon glyphicon-folder-close" id="folderIcon"></i>
</div>
Run Code Online (Sandbox Code Playgroud)
当.profileRowHeader被点击我要删除类glyphicon-folder-close,并添加类glyphicon-folder-open到#folderIcon
这就是我正在尝试的:
$('.profileRowHeader').click(function() {
$(this).find("#folderIcon").toggleClass('glyphicon-folder-open','glyphicon-folder-close');
});
Run Code Online (Sandbox Code Playgroud)
但它所做的只是添加glyphicon-folder-open类而不是删除glyphicon-folder-close类,如下所示:
<i class="glyphicon glyphicon-folder-close glyphicon-folder-open" id="folderIcon"></i>
Run Code Online (Sandbox Code Playgroud)
这是预期的行为吗?如果可能的话我真的需要删除它
所以我正在尝试更新div #letters的内容.我尝试将元素分配给变量并使用innerHTML更新其内容,但它不起作用.
var $characterArray = $('#letters'); // The letters div
$characterArray.innerHTML = "whatever";
Run Code Online (Sandbox Code Playgroud)
虽然这有效:
document.getElementById("letters").innerHTML = "whatever";
Run Code Online (Sandbox Code Playgroud)
你能告诉我为什么吗?
我创建了一个对象数组的多个嵌套映射函数,最终得到了这种输出。
let tags = product.map(item => item.outSourceItem.map(outsourceitem => outsourceitem.tags));
Run Code Online (Sandbox Code Playgroud)
let tags = product.map(item => item.outSourceItem.map(outsourceitem => outsourceitem.tags));
Run Code Online (Sandbox Code Playgroud)
我只是希望它是这样的。
tags = [
[
[
{
"_id": 11,
"name": "eleven"
}
]
],
[
[
{
"_id": 12,
"name": "twelve"
}
]
],
[
[
{
"_id": 13,
"name": "thirteen"
}
]
],
[
[
{
"_id": 11,
"name": "eleven"
}
]
]
]Run Code Online (Sandbox Code Playgroud)
有任何一个衬垫功能可以实现这一点吗?我用.flat()但也不起作用。
jquery ×7
javascript ×5
css ×2
addclass ×1
click ×1
es6-promise ×1
fetch-api ×1
if-statement ×1
php ×1
redactor ×1
toggleclass ×1
wysiwyg ×1