Question

我想在触发器点击上设置css，我有一个代码，我在其中触发特定li上的点击功能。该函数正在触发特定的li，但我需要设置css触发特定的li，li边界应该在触发时改变。

我的代码是：

$(".two-buttons > .form-preview").click(function(){             
    $('#myModal').show();   
    selectedimage = $('.form-preview').attr('name');
    $('#hide-content > div').not('.'+selectedimage).hide();
    $('.resume01 > ul > li').find('li').attr('name', selectedimage).trigger('click');
});

我需要在按功能单击的li上设置此.css({"border-color":"#4A8107","border-width":"3px","border-style":"solid"});。

请建议，当特定li触发该功能时，我如何设置特定li的css。

Answer 1

您可以使用end

在点击后点击右键

$('.resume01 > ul > li')
.find('li')
.attr('name', selectedimage)
.trigger('click')
.end()
.attr('name', selectedimage)
.css({"border-color":"#4A8107","border-width":"3px","border-style":"solid"});

另外，试试这个：

$.when($('.resume01 > ul > li')
    .find('li')
    .attr('name', selectedimage)
    .triggerHandler('click'))
    .done(functino(){
    $(this)
    .css({"border-color":"#4A8107","border-width":"3px","border-style":"solid"});
    });

Answer 2

你可以做两件事

$('.resume01 > ul > li').find('li').attr('name', selectedimage).trigger('click').css({"border-color":"#4A8107","border-width":"3px","border-style":"solid"});
在事件处理程序中设置css $('.resume01 > ul > li').click(function(){ $(this).css({"border-color":"#4A8107","border-width":"3px","border-style":"solid"}); });

Answer 3

你可以像这样在你的li上定义点击功能：

$('.resume01 > ul).on("click", "li", function() {
        $(this).css({"border-color":"#4A8107","border-width":"3px","border-style":"solid"});
    });
});

jquery在触发器点击时设置css

3 个答案: