Reputation: 3938
So here is the jQuery code (as simple as possible) :
$(document).ready(function(){
$("#test").click(function () {
alert('Works!');
});
});
and the page:
<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>
and funny thing, whatever I put after click()
, doesn't work, BUT if I use hide()
, append()
or whatever instead of click()
, it is working. What is the problem? I'm using the SMARTY, I simplified the code a little, because this page is included into layout.tpl but nevertheless; why only click()
function doesn't work?!
Upvotes: 2
Views: 141
Reputation: 5996
The problem you are getting is with the CSS
positioning of the elements.
The div with id menu
is stacked over the div with the id strona
as the former have given width 200px
and position:absolute
. So the click on the text is not working but the click on the div further right of text is working.
So in this case if you add
`position:absolute`
to the div strona
, it works as expected.
Check the updated fiddle here.
Upvotes: 1