如何讓一個JQuery關閉一個按鈕？

你好，我正在嘗試做一個JQuery代碼來關閉我的錯誤按鈕，但我遇到了問題，如果你可以幫忙，謝謝。請簡單點我，因爲我只是學習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

來源

2014-07-16 GrimmRP

我想這是你的問題：

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

應該是：

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

來源

2014-07-16 00:32:54 CodeWizard

我很抱歉，我沒有什麼，我要求我的時候問清楚我的問題，你的代碼做了工作，但剛擺脫了我的X（作者： – GrimmRP

您可以將最上面的元素使用jquery隱藏 – CodeWizard

啊，非常感謝你jsexpert。如果你的日子在哪裏，你會有美好的一天（： – GrimmRP

它看起來像你使用的引導？（糾正我，如果我錯了）？

如果是這樣的話，你希望你的綁定使用trigger()

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

而且另一個問題是，你是按鈕有一個class (.)和不的id (#)。

如果不是的話，你最好還是結合到特定的按鈕： i.e-

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

另外，我沒有看到一個元素與地方？

來源

2014-07-16 00:33:06 Darren

您的選擇器是錯誤的，正如其他人指出的那樣。但這是另一種方式來做到這一點。

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

來源

2014-07-16 00:41:31 EternalHour

如何讓一個JQuery關閉一個按鈕？

回答

相關問題