2012-03-13 48 views
0
<div class="form_div"> 
<form name="first" class="dirs" method="post" action=""> 

<table> 
<tr> 
    <td> 
    <img src="path..." class="info"> 
    <div class="tip"> 
     <p>Some text</p> 
    </div> 
    </td> 
</tr> 
</table> 

</form> 
</div> 

<script type="text/javascript"> 
$(document).ready(function() { 
$(".info").tip({ effect : 'slide'}); 
}); 
</script> 

我想從div> form> table> tr> td中選擇帶有類提示和img標記類信息的div。但是我不能用腳本中的函數來選擇它。 選擇器沒有找到帶有類提示的img標籤和div。 我在哪裏錯了嗎?似乎無法使選擇器正確選擇

+0

的頂部? – ManseUK 2012-03-13 11:30:13

+1

您使用jQuery以外的其他JavaScript圖書館/插件.tip({})'不是我聽說過的一個函數。你試圖在你選擇了你的圖像/格子時應用所有的元素 – 2012-03-13 11:32:03

+0

@ManseUK我試圖首先選擇img標籤,然後當鼠標放在img標籤上時,提示類將與效果幻燈片一起顯示。 @西蒙韋斯特我正在使用這個http://cdn.jquerytools.org/1.2.6/full/jquery.tools.min.js – Nebunel 2012-03-13 11:42:05

回答

1

使用此:

$(".info, .tip") 

它是一種multiple selector

而且看.slideDown().slideUp().slideToggle()

+0

我試了一下並且工作,謝謝,還把腳本函數放在頂端od這一頁。謝謝 – Nebunel 2012-03-13 11:34:34

+0

@Nebunel當你使用'.ready()'方法時,你不需要將腳本放在最上面 - 這隻會在DOM完成加載時執行代碼 – ManseUK 2012-03-13 11:38:00

+1

去圖... **唯一的不正確的答案被接受**(並以某種奇怪的方式幫助這個傢伙......)。 – gdoron 2012-03-13 11:45:55

1

儘量把你的JavaScript代碼的身體,你要選擇這兩個

+0

沒有任何區別 - 它在'$(document).ready()'函數 – ManseUK 2012-03-13 11:29:46

+0

中起作用!謝謝。我想知道,是因爲我放置了php代碼和多個elseif,它們具有與JavaScript不知道第一次選擇的相同類嗎?或者我錯了? (我是新來javascript/jquery) – Nebunel 2012-03-13 11:33:37

+1

@Nebunel。它不可能是它!你的代碼已經在底部了,它在DOM準備處理程序中。你確定?! – gdoron 2012-03-13 11:34:05