2013-05-21 3 views
2

Так вот код JQuery (как можно более простым):JQuery мыши (только щелчок) не работает

$(document).ready(function(){  
$("#test").click(function() { 
    alert('Works!'); 
    }); 
}); 

и страницу:

<script type="text/javascript" src="jquery-1.6.4.min.js" ></script> 
<script type="text/javascript" src="test.js" ></script> 
<p id="test">ss</p> 

и забавная вещь, что я положил после click(), не работает, но если я использую hide(), append() или что-то другое, а не click(), он работает. В чем проблема? Я использую SMARTY, я немного упростил код, потому что эта страница включена в layout.tpl, но тем не менее; почему только click() функция не работает ?!

+0

И вы помещаете код после события click внутри готового обработчика DOM, правильно? – adeneo

+0

Когда вы говорите, что щелчок не работает, вы говорите, что вы нажимаете на элемент #test, и он не показывает предупреждение? – mattc

+1

Добро пожаловать в [SO]; пожалуйста, просмотрите [faq], если вы еще этого не сделали. Вы сделали хорошую работу по первому вопросу, поэтому мне, вероятно, даже не нужно указывать вам на [редактирование справки] (http://stackoverflow.com/editing-help). Если вы не возражаете, создайте [уменьшенный тестовый пример] (http://css-tricks.com/reduced-test-cases/) на [jsfiddle] (http://jsfiddle.net) – zzzzBov

ответ

1

Проблема, которую вы получаете, связана с позиционированием элементов CSS.

DIV с идентификатором menu уложена над DIV с идентификатором strona как бывший дали ширину 200px и position:absolute. Таким образом, щелчок на тексте не работает, но щелчок по div справа от текста работает.

Таким образом, в этом случае, если вы добавите

`position:absolute` 

в DIV strona, он работает, как ожидалось.

Проверьте обновленную скрипту here.

+0

Спасибо большое :) (dunno, если я должен добавить комментарий или ответ) – mmmm

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