работа с jQuery в вебчасти CEWP

Question

Добрый день коллеги

недавно начал использовать библиотеки jQuery и у меня возник такой вопрос.

если на пустой странице ASPX использовать примеры .hide() то все хорошо, если же на страницу положить CEWP и в нем создать блоки которые хочу скрыть и внего же(в CEWP) написать скрипт, то работает как-то странно. При нажатии на кнопку происходит скрытие блока и при этом начинает обновляться страница и спустя доли сикунды все опять как и было.

если же просто писать скрипт (не используя jQuery), то все нормально.

в чем может быть проблема?

Answer 1

Кнопка делает постбэк?

Answer 2

пример

<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<button id="hider">Hide</button>
<button id="shower">Show</button>
<div>
  <span id="my" class="myspan">Once</span> <span id="my" class="myspan">upon</span> <span id="my" class="myspan">a</span>
  <span id="my" class="myspan">time</span> <span id="my" class="myspan">therewere</span>
  <span id="my" class="myspan">threeprogrammers...</span>
</div>
 
<script type="text/javascript">
$( "#hider" ).click(function() {
  $( "#my" ).hide( "fast", function() {
    // Use arguments.callee so we don't need a named function
    $( this ).prev().hide( "fast", arguments.callee );
  });
});
$( "#shower" ).click(function() {
  $( "#me" ).show( 2000 );
});
</script>

Answer 3

Замените button на div

Answer 4

Либо переделайте кнопку:

<button id="hider" onclick="return false">Hide</button> 

Answer 5

спасибо, помогло

Answer 6

Отлично!