2015-04-20 2 views
0

Я хочу очистить оповещение, не используя приведенную ниже ссылку (class = "remove"), но когда пользователь щелкает в любом месте, скажем, div на странице.trigger click event from div вместо ссылки

<!DOCTYPE html> 
<html> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> 
<script> 
$(document).ready(function(){ 


$(".remove").click(function(){ 
$("#errprompt").remove(); 
}); 

}); 

</script> 
</head> 
<body> 
<div style="border-style:solid;"> 
<p><a class="remove" href="#">Clear Alerts</a></p> 
<span id="errprompt" class="errprompt" name="firstname">* Please enter something</span> 
</div> 
</body> 
</html> 
+2

'$ ("DIV") нажмите (функция() { $ ("# errprompt") удалить();. });.' –

ответ

1

Вы можете использовать jquery.onClick() на объекте div.

<!DOCTYPE html> 
<html> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"> </script> 
<script> 
    $(document).ready(function(){ 

     $("div.clickable").click(function(){ 
      $("#errprompt").remove(); 
     }); 

    }); 

</script> 
</head> 
<body> 
    <div style="border-style:solid;" class="clickable"> 
    <p><a class="remove" href="#">Clear Alerts</a></p> 
    <span id="errprompt" class="errprompt" name="firstname">* Please enter something</span> 
    </div> 
</body> 
</html> 

Не уверен, что он отвечает на ваш вопрос, дайте мне знать.

+0

это работает на примере я дал, однако, когда я включаю это решение в мой фактический код не работает. Однако, поскольку вы придумали решение, я рад отметить это как таковое. – user2194969

+0

Ага, извините за вас, если это не решит вашу проблему в конце. Это может быть связано с множеством разных вещей ... Самый простой способ - потратить некоторое время на вашем веб-консоли и показать консоль console.log(), чтобы узнать, что происходит. Если вы хотите предложить более сложный пример, не стесняйтесь, я могу вас разыскать;) – sebastienbarbier