2013-02-15 4 views
-3
<html> 
<body> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$('img').click(function(){ 
    var getTitle = $(this).attr('alt'); 
    alert(getTitle) 
}); 
</script> 
</head> 
<body> 
<img src="http://localhost/wordpress/wp-content/uploads/2013/02/chair-228x300.jpg" alt="alt" width="228" height="300" class="size-medium wp-image-92" /> 
</body> 
</html> 

Это будет в основном отображать атрибут alt изображения во всплывающем окне после щелчка, но кажется, что он не работает. Что мне не хватает? Пожалуйста помоги.Сценарий не работает

+0

вы отсутствующий; in alert (getTitle) –

+0

Как я должен знать? Или мне не хватает некоторых тегов? Я все еще новичок в скриптах. –

+1

«Сценарий не работает» yeaaaaaaaaaaaah –

ответ

3

DOM не готов к обращению или доступу при выполнении кода. Используйте document.ready ярлык:

$(function(){ 
    $('img').click(function(){ 
     var getTitle = $(this).attr('alt'); 
     alert(getTitle) 
    }); 
}); 
+1

Спасибо! Это сработало! –

1

Оберните JQuery в document ready call.

$(document).ready(function() { 
    $('img').click(function(){ 
     var getTitle = $(this).attr('alt'); 
     alert(getTitle); 
    }); 
}); 

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

+1

Спасибо! Это сработало! –

0

Вам нужно дождаться полной загрузки DOM.

$(function() { 
     // your code goes here 
    }); 

пример: http://jsfiddle.net/4Y6sL/

+0

Благодарим за помощь! –

0

Попробуйте

JS КОД

$(function(){ 
    $('img').on('click', function(){ 
    var getTitle = $(this).attr('alt'); 
    alert(getTitle) 
    }); 
}); 
+0

@ Boy Pasmo - код, который работает для вас? – Codegiant

+0

Да! Спасибо за помощь! –

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