остановить прокрутку страницы при нажатии на вкладку

Question

остановить прокрутку страницы при нажатии на вкладку

0

Я создаю некоторые вкладки jquery, всякий раз, когда я нажимал на нее, она всегда прокручивается вверх,

вот мой html,

<div id="my_div">
    <ul>
       <li><a href="#tab_1">Tab-1</a></li>
       <li><a href="#tab_2">Tab-2</a></li>
       <li><a href="#tab_3">Tab-1</a></li>
    </ul>
</div>

Я пробовал до сих пор,

$('#my_div a').click(function(e) {
 e.preventDefault();
});

Это не помогло, что я делаю неправильно здесь. Пожалуйста помоги!

РЕДАКТИРОВАТЬ

<div id="tab_1" class="tab-content">
    <p>tab 1 goes here..</p>
</div>
<div id="tab_2" class="tab-content">
    <p>tab 2 goes here..</p>
</div>

$(document).ready(function(e) {
    $('#my_div').createTabs();
});

Irfan Ahmed 20 март 2014, в 11:58

Источник

0

Можете ли вы поделиться JSFiddle вашего рабочего кода
Aju Mon 20 март 2014, в 10:34
1

По твоему вопросу трудно понять, что именно идет не так. Пожалуйста, добавьте больше информации, например, что прокручивать вверх и так далее.
Jenka1980 20 март 2014, в 10:35
0

Где находится код вкладок данных? Это может произойти, потому что вы еще не добавили данные вкладок.
Jenka1980 20 март 2014, в 10:53

Показать ещё 1 комментарий

Теги:

jquery

html

2 ответа

Ещё вопросы

Можете ли вы поделиться JSFiddle вашего рабочего кода
По твоему вопросу трудно понять, что именно идет не так. Пожалуйста, добавьте больше информации, например, что прокручивать вверх и так далее.
Где находится код вкладок данных? Это может произойти, потому что вы еще не добавили данные вкладок.

Dan Knight · Answer 1 · 2014-03-20T07-53-00.000Z

Я не уверен, что jQuery делает за кулисами, но поведение браузера пинается, поэтому, когда у вас есть href С#, он прокручивает элемент на этой странице с идентификатором, который соответствует #.

Возможно, попробуйте:

$('#my_div a').click(function(e) {
    return false;
});

Jai · Answer 2 · 2014-03-20T07-49-00.000Z

Попробуйте обернуть свой код в готовом блоке doc:

$(function(){ // doc ready starts
   $('#my_div').on('click', 'a', function(e) {
     e.preventDefault();
   });
});// doc ready ends

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