Question

当有人点击任何按钮时，我想要一个网站，按钮边框显示出来。这是我的JS：

$(document).ready(function() {

 $("#button1").on('click', function () {
var targetEl = $(this).data('target');
$.when($('.' + targetEl).siblings('a').fadeOut()).done(function () {
    $('.' + targetEl).fadeIn();
    $( "#button1" ).css( "border", "3px solid red" );

});

});

});


$(document).ready(function() {

 $("#button2").on('click', function () {
var targetEl = $(this).data('target');
$.when($('.' + targetEl).siblings('a').fadeOut()).done(function () {
    $('.' + targetEl).fadeIn();
    $( "#button2" ).css( "border", "3px solid red" );

});

});

 });

当我点击button1时，边框显示出来，那很好。
但是当我点击button2时，我希望button1的边框消失（点击其他按钮时隐藏）。等等，我的网站上有9个按钮，我给了他们所有ID，我希望每个按钮在活动时都有边框（有人点击它们）。

Answer 1

$('[id^=button]').css("border","none");

或

$('button').css("border","none");

然后

$( "#button2" ).css( "border", "3px solid red" );

Answer 2

在#elem{ position:absolute; top:50px; left:50px; transform: translateX(-50%) translateY(-50%);

下方添加此行

var d = document.getElementById('yourDivId');
d.style.position = "absolute";
d.style.left = x_pos;
d.style.top = y_pos;

单击按钮时隐藏JQuery css

2 个答案: