1. Dom
  2. Pytanie i odpowiedź
  3. Jak umieścić kod jquery w dokumencie HTML? (lightbox)

Jak umieścić kod jquery w dokumencie HTML? (lightbox)

2009-09-08 14 views

Odpowiedz

8

odniesienia skrypt jQuery następnie przez skrypt schowka w html document.Like tak,

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 
<script type="text/javascript" src="source-of-jquery.js"></script> 
<script type="text/javascript" src="source-of-lightbox-plugin.js"></script> 
<script type="text/javascript" src="source-of-script-with-your-jquery-code-in.js"></script> 
</head> 
<body> 

....

następnie trzeba będzie użyć schowek, odpowiednio. Na przykład, w source-of-script-with-your-jquery-code-in.js

$(function() { 
$('#gallery a').lightBox({fixedNavigation:true}); 
});

wiąże lightbox wtyczki do każdego elementu <a> że jest dzieckiem elementu z id gallery

EDIT:

jQuery jest niczym ramach JavaScript (choć świetny framework). Jeśli zaczynasz swoją przygodę z programowaniem front-end, proponuję przejrzeć JavaScript w połączeniu z jQuery, ponieważ jest to podstawa architektury i pomoże ci zrozumieć, jak działa lepiej. Oto niektóre zasoby na początek

Źródło

2009-09-08 15:49:45

4

Musisz odwołać jQuery javascript pobrany plik w html

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

Będziesz także musiał dodać referencję do pliku js pobranego dla wtyczki lightbox.

Istnieje samouczek dla początkujących dotyczący jQuery here.

Źródło

2009-09-08 15:56:40

Powiązane problemy

 Powiązane problemy