Question

你好我正在尝试制作一个JQuery代码来关闭我的错误按钮，但是我遇到了问题，如果你能帮忙谢谢你。请放轻松，因为我正在学习JQuery的绳索。

这是我的php / html代码

<?php if(isset($template->form->error)) { ?>
                <div class="flash" style="margin-top: 20px;"></div>
                <div class="alert alert-error">
                <button type="button" class="close" data-dismiss="alert">&#215;</button>
                <h4>Warning!</h4>
                <?php echo $template->form->error; ?>
            </div>
            <?php } ?>

当你点击（x）×

时，我试图这样做

错误弹出消失，我尝试了这个JQuery代码

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$(".close").remove(); // The close is the class and not the id (Thank you jsexpert and Darren)
});
});
</script>

可能是因为我的登录提交？这是我的登录按钮/登录提交

<div><input class="btn btn-primary" name="login" type="submit" value="Login"></div>

对不起我没说清楚。 http://prntscr.com/433iza警告！是我想通过点击右边的x按钮摆脱。所有$（“。close”）。remove（）;这是http://prntscr.com/433lfh

Answer 1

我认为这是你的问题：

$("#close").remove();

应该是：

$(".close").remove(); // The close is the class and not the id

Answer 2

看起来你正在使用bootstrap？（如果我错了，请纠正我？）

如果是这种情况，您希望绑定使用trigger()

$(".close").trigger("click");

另一个问题是你的按钮有一个class (.)而不一个id (#)。

如果不是这样的话，那么最好不要绑定到特定按钮：即 -

$("button.close").click(function(){
    $('#close').remove();
});

另外，我在任何地方都看不到#close的元素？

Answer 3

你的选择器是错误的，正如其他人指出的那样。但这是另一种方法。

$(function(){
    $( ".close" ).click(function( event ) {
      event.preventDefault();
      $( this ).hide();
    });
});

如何让JQuery关闭按钮？

3 个答案: