2010-03-13 2 views
0

У меня есть страница, которая использует jQuery с небольшим сбоем.Почему этот элемент DOM не исчезнет?

мне удалось получить это вниз простой пример, демонстрирующий проблему:

<html> 
<head> 
<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript"> 

function hideIt() 
{ 
    $('#hideme').fadeOut('slow', function() { $(this).remove(); }); 
} 

</script> 
</head> 
<body> 
<div id='#hideme'>Hide me!</div> 
<button onclick='hideIt();'>Hide</button> 
</body> 
</html> 

Как и следовало ожидать, эта проблема проста: надпись не исчезает.

Простите, что я пропустил? (Или, если это не простая вещь, какая сложная вещь я пропустил?)

ответ

6

Попробуйте удалить # в <div id='#hideme'>Hide me!</div> :)

+0

Я такой идиот :) –

+2

Это мелочи, как, что, где это так легко упустить из виду - это хорошо, чтобы придать ей свежий набор глаза. –

+0

Спасибо человек. Я так привык использовать # для выбора, что я просто рассеянно набрал его в атрибуте id. –

4

Селектор не найти свой DIV, потому что у вас есть # характер на нем:

Изменение:

<div id='#hideme'>Hide me!</div> 

To:

<div id='hideme'>Hide me!</div> 
+0

Спасибо, но Джеймс победил тебя на ответ, поэтому я дал ему лучший ответ. +1 для обнаружения. –

1

Идентификатор DIV должен быть «hideme» не «#hideme»

+0

Это то же самое, что было упомянуто выше в других ответах. –

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