私は、既存のページで簡単なjQueryポップアップを作成しようとしています。ページ自体には、記事の最初の部分があり、イントロに続くボタンが追加されます。記事の残りの部分でjQueryのポップアップを表示するボタンを追加したいと思います。それが共有ポイントにアップだと、それは動作しません。しかしhttp://yensdesign.com/2008/09/how-to-create-a-stunning-and-smooth-popup-using-jquery/jQueryを使用してポップアップを作成する
:
これまでのところ、私は、チュートリアルを追ってきました。私はボタンをクリックして何も起こらない。私はJSを変更して警告を表示するだけですが、それはエーテルを動かすことはありません。ページとJSの間のリンクが壊れているようです。しかし私はsrc(私のWebブラウザを使用して)を見て、十分なscriptタグがそこにありますが、JSは何も働いていません。何か案は?
ここで私は共有ポイントにコピーしたHTMLページ(ジャバスクリプトファイルは、チュートリアルのと全く同じである)です。すべてのあなたの助けを
<!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" >
<head>
<title></title>
<script src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js" type="text/javascript"></script>
<script src="/articles/.../popup.js" type="text/javascript"></script>
<style type="text/css">
/* CSS goes here, same as in the tutorial */
</style>
</head>
<body>
<div>
<div class="backgroundmain" style="margin-left:-75px; margin-top:-35px; margin-right:-32px;">
<!-- HTML FOR THE ARTICLES-->
</div>
<center>
<div id="button"><input type="submit" value="Press me please!" /></div>
</center>
<div id="popupContact">
<a id="popupContactClose">x</a>
<h1>Title of our cool popup, yay!</h1>
<p id="contactArea">
Here we have a simple but interesting sample of our new stuning and smooth popup...
</p>
</div>
</div>
</body>
</html>
おかげで、私はそれを本当に感謝しています。
jsFailedリソースをロードするために:ここで
は、Chromeの開発ツールからの結果だ:
EDITSサーバが404の状態で応答(FOUND NOT) は、JavaScriptのスクリプトを実行することを拒否しました。要求内に見つかったスクリプトのソースコード。 popup.js:147Uncaught ReferenceError:$が定義されていません
しかし、私はまずこれをファイアバグで試してみました。
FirebugまたはChromeの開発ツール(または、必要があればIEの開発ツール)を使用してこれを開き、Javascriptエラーがあるかどうか調べます。存在する場合、残りのJavascriptは機能しません。あなたが行ったときに結果を投稿してください。 – MoarCodePlz
ステップ1は、完全なエラー情報を得ることができる環境でページをロードし、ボタンをクリックしようとします。たとえば、Firebugを実行しているFirefox、または開発ツールを使用しているChromeなどです。また、FirefoxのWeb Developer Toolbarのようなツールを使ってページのレンダリングされたソースを見ることができますので、Sharepointがソースコード内でこれを破っているものを変更しているかどうかを確認することができます。 –
あなたはJQueryを使用しているので、FireBugや他の開発者コンソールを使用する代わりに[jquery lint](http://james.padolsey.com/javascript/jquery-lint/)を使用します。 – lxa