2

ねえ、私は思い出すよりも多くのこのようなjQueryの質問をチェックしましたが、私は本当にこれを理解できないようです.

次のコードは、ローカルでは機能しません。オンラインでテストする機会はまだありませんが、ローカルでテストできるはずです。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang='en' xml:lang='en' xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>jQuery test</title>
    <link rel='stylesheet' type='text/css' href='/root/WebDev/jquery-ui-1.10.2.custom/css/ui-lightness/jquery-ui-1.10.2.custom.min.css'/>
  <script type="text/javascript" src="jquery.js"></script>
  <script type="text/javascript" src="/root/WebDev/jquery-ui-1.10.2.custom/js/jquery-1.9.1.js"></script>
  <script type="text/javascript" src="/root/WebDev/jquery-1.9.1.min.js"></script>
</head>
<body>

    <div style="height: 20px;width:20px;background-color:red;position:relative;top:50px;left:50px;"></div>
</body>

そしてjQueryコード：

$(document).ready(function(){
$('div').click(function(){
    $('div').effect('explode');
});

});

注記として、これらのjqueryファイルはローカルにあります。

4

3 に答える 3

5

jQueryを利用する他のプラグイン、スクリプト、ライブラリよりも、まずjQueryを入れてください！

  <script type="text/javascript" src="/root/WebDev/jquery-1.9.1.min.js"></script>
  <script type="text/javascript" src="/root/WebDev/jquery-ui-1.10.2.custom/js/jquery-1.9.1.js"></script>
  <script type="text/javascript" src="jquery.js"></script>

最後のものについては、それが関数があるファイルである場合、パスも正しいものであることを確認してください。

  • あなたが使用したこのパスについてはよくわかりません：

    /root/WebDev/jquery-ui-1.10.2.custom/js/jquery-1.9.1.js

  • 本当にあなたjquery-ui-1.10.2.custom/js/のフォルダの名前ですか? :)

  • そして、なぜあなたが使わないのか、そしてGoogle Hosted Librariesいくつかの素晴らしいHTML5マークアップ:

<!DOCTYPE html>
<html>
<head>
<link  href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
<script src="myfunctions.js"></script>
<meta charset=utf-8 />
<title>All you need</title>
</head>
<body>

   <div style="height: 20px;width:20px;background-color:red;position:relative;top:50px;left:50px;"></div>

</body>
</html>
于 2013-04-03T03:03:16.713 に答える
0

href および src 属性から先頭のスラッシュを削除してみてください。

于 2013-04-03T03:04:49.883 に答える