2016-01-06 3 views
0

Во-первых, извините за мой английский, я бразильский мальчик и новый с javascript, и я стараюсь, чтобы id=terms просто спрятался на сайте. Я просто не знаю, что делать дальше.function hide in javascript

Любая помощь будет полезна

Код этого

<div id="term"> 
 
\t <p> 
 
\t \t Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 
 
\t </p> 
 

 
\t <button id="accept" type="submit" name="accept">Accept the terms of this site</button> 
 
\t 
 
</div> 
 

 
<script> 
 
\t $("#accept").click(function(){ 
 
\t  $("#term").hide("fast"); 
 
\t }); 
 
</script>

+0

У вас есть такая же проблема, как [этот парень] (http://stackoverflow.com/a/34642111/1663383) , – Draco18s

+0

Проверьте вашу консоль на наличие ошибок: Не указано ReferenceError: $ не определено, что означает, что jQuery не определен. Вы забыли добавить ссылку для библиотеки jquery. –

+0

Отправить отправляет форму, чтобы средства, когда страница перезагружает элемент, будут отображаться снова. – epascarello

ответ

1

вы включили jquery? Оберните функции в DOM Ready $(function(){.. });

$(function() { 
 
    $("#accept").click(function() { 
 
    $("#term").hide("fast"); 
 
    }); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="term"> 
 
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor 
 
    in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 
 
    </p> 
 
    <button id="accept" name="accept">Accept the terms of this site</button> 
 
</div>

0

Try нагрузку на document.ready:

$document.ready(function(){ 
    $("#accept").click(function(){ 
    $("#term").hide("fast"); 
    }); 
}); 
0

в JavaScript, что нужно сделать это:

<script> 
    var v_accept = document.querySelector("#accept"); 
    v_accept.addEventListener('click',function(){ 
     var v_term = document.querySelector("#term"); 
     v_term.style.display = 'none'; 
    }); 
    </script> 
1

Вы должны добавить ссылку на ваш jquery.js файл

<div id="term"> 
 
\t <p> 
 
\t \t Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 
 
\t </p> 
 

 
\t <button id="accept" type="submit" name="accept">Accept the terms of this site</button> 
 
\t 
 
</div> 
 

 
<script src="http://code.jquery.com/jquery-2.1.4.min.js" type="text/javascript"></script> 
 
<script> 
 
$(document).ready(function(){ 
 
\t $("#accept").click(function(){ 
 
\t  $("#term").hide("fast"); 
 
\t }); 
 
}); 
 
</script>