小编Dar*_*ney的帖子

突出显示DIV并在鼠标悬停时调暗其余部分

我有一个装满DIV的页面,其中包含图像.

当我将鼠标悬停在图像上时,我可以通过添加类等来突出显示它或添加阴影以轻松地突出显示它,但是有没有办法将所有其他图像调暗.

DIV被加载到DOM中我希望DIV当前徘徊以保留100%或1个不透明度,并且当突出显示一个DIV时,页面上的其余DIV会淡化为70%或0.7.

这可能吗?

javascript css jquery

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

Redactor没有工具栏

我正在使用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)

所以没有按钮,但工具栏仍然显示.

问题有没有办法删除工具栏和按钮?

jquery wysiwyg redactor

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

Promise.all 中的多个 fetch() - 哪个失败了?

如果我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)

这是一个小提琴(一个片段不太好)

我寻找了重复项,这不是一个,因为示例抛出了相同的错误

javascript es6-promise fetch-api

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

选择后向按钮添加类 - jquery

我有一个提交按钮,在用户从选择列表中进行选择之前,该按钮将被禁用。

我想删除禁用属性并添加一个类,以便该按钮成为我在整个站点中使用的标准按钮类(在更改选择列表时)。

我正在尝试以下操作:

$(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

禁用已删除,但未添加类。我的逻辑正确吗?

另外,当发生这种变化时,是否也可以更改提交按钮的值?

jquery addclass

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

这三元是否有效?

我正在使用三元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)

php if-statement ternary-operator

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

在document.ready jquery之后更改css显示元素

我正在测试新的菜单代码和它的一个问题,就是它加载了所有内容,然后在完成所有加载后跳转到位.

所以我正在尝试隐藏它直到文档准备好然后显示它

所以,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)

这样做的正确方法是什么?

css jquery

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

只有第一次'点击'射击

我有一个页面,允许用户"轻推"某人做某事

我有以下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)

javascript jquery click

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

toggleClass不删除第一个类

我有以下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)

这是预期的行为吗?如果可能的话我真的需要删除它

jquery toggleclass

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

为什么这行Javascript工作,但另一个不行?

所以我正在尝试更新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)

你能告诉我为什么吗?

javascript jquery

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

删除由于多个嵌套映射函数而导致的多余数组大括号

我创建了一个对象数组的多个嵌套映射函数,最终得到了这种输出。

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()但也不起作用。

javascript

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