2012-04-07 2 views
1

я хочет установить фокус на родительский DIV, когда кто-то нажмите на ссылку как я могуКак установить фокус на другой элемент, а щелчок на якорной теге HREF

<li class="active"> 
    <a href="#about">Link to the parent div</a> 
</li> 

<div id="#parent"> 
    <div id="about">dummy data</div> 
    <div id="news">dummy data</div> 
</div> 

http://jsfiddle.net/bipin000/PGzwc/

+0

Что значит точно? У мистера Листера и мрхермана есть разные идеи о том, чего вы хотите достичь? Или, может быть, вопрос в том, ПОЧЕМУ вы хотите этого достичь? Невозможно ли изменить сам HTML, но вы можете добавить Javascript, не так ли? –

ответ

0

Просто используйте document.getElementById('parent').focus(). См. updated jsFiddle.

Но что должно произойти, когда div получает фокус? Дивы ничего не меняют, когда они получают фокус!

Edit:
Если вы хотите <a> для прокрутки документа к началу parent при нажатии, это то, что вам нужно: document.body.scrollTo(0, document.getElementById('parent').offsetTop); return false; Смотрите once more updated jsFiddle.

Но если это не то, что вы хотите, просто скажите это!

+0

Когда он сказал «фокус», он имел в виду, что ссылка привязана к якорю с id 'parent' вместо' about'. Смущаю, что знаю. Я понятия не имею, что он пытается сделать с этим, но он не изменит свою ссылку на целевую «родительскую». – mrtsherman

0

анимированные JQuery решение:

http://jsfiddle.net/PGzwc/5/

$('a').click(function(e) { 
    e.preventDefault();  
    $('body').animate({ scrollTop: $('#parent').offset().top }, 'slow'); 
});​ 

Просто изменить

<a href="#about">Home</a> 
      to 
<a href="#parent">Home</a> 

# тега сообщает браузер для поиска элемента с этой id и довести его до верхней части страницы.

+0

Я хочу установить фокус на родителя, но ссылка должна быть на этого ребенка –

+0

Это не работает. Почему это имеет значение? – mrtsherman

+0

как я могу достичь этого, я создал его скрипку, пожалуйста, посмотрите, что http://jsfiddle.net/bipin000/PGzwc/1/ –

Смежные вопросы