StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PODifficulty with Django and jQuery (why is $ undefined in the admin app?)
primarykey
Id
4709298
data
AcceptedAnswerId
4709325
AnswerCount
6
ClosedDate
CommentCount
4
CommunityOwnedDate
CreationDate
2011-01-17T01:29:28.327
FavoriteCount
2
LastActivityDate
2012-07-20T22:04:03.873
LastEditDate
2011-01-17T17:01:04.237
LastEditorUserId
147601
OwnerUserId
147601
ParentId
0
PostTypeId
1
Score
8
ViewCount
12604
LastEditorDisplayName
text
Body
It's been a while since I worked with jQuery; I think I'm making a stupid mistake. Here is a Django widget: <pre><code>class FooWidget(Widget): # ... class Media: js = ('js/foowidget.js',) </code></pre> Here is the .js file: <pre><code>alert("bar"); $(document).ready(function() { alert("omfg"); $('.foo-widget').click(function() { alert("hi"); return false; }); }); alert("foo"); </code></pre> The only <code>alert()</code> that fires is the first. Do I have a stupid syntax error or something? Also, if some other included script on the page redefines <code>$(document).ready</code>, do I have to worry about it? I'm guessing that subsequent definitions will override mine, so it's safer for subsequent definitions to do something like: <pre><code>$(document).ready(function() { document.ready() // real stuff }); </code></pre> jQuery is already included in the page by the time <code>foowidget.js</code> is. Update: Based on @lazerscience's link, I tried the following instead, but it still fails just as before: <pre><code>alert("bar"); $(function() { alert("omfg"); $(".set-widget").click(function() { alert("hi"); return false; }); }); alert("foo"); </code></pre> Update 2: Curiously, when I do: <pre><code>alert($); </code></pre> I get "undefined". This suggests that jQuery is actually not initialized. This confuses me, because the <code><head></code> includes: <pre><code><script type="text/javascript" src="/media/js/jquery.min.js"></script> <script type="text/javascript" src="/media/js/jquery.init.js"></script> <script type="text/javascript" src="/media/js/actions.min.js"></script> <script type="text/javascript" src="/static/js/foowidget.js"></script> </code></pre> Doesn't putting my script after the jQuery scripts ensure that <code>$</code> will be defined? Update 3: from jquery.min.js: <pre><code>/*! * jQuery JavaScript Library v1.4.2 * http://jquery.com/ * * Copyright 2010, John Resig * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * Includes Sizzle.js * http://sizzlejs.com/ * Copyright 2010, The Dojo Foundation * Released under the MIT, BSD, and GPL Licenses. * * Date: Sat Feb 13 22:33:48 2010 -0500 */ (function(A,w){function ma(){if(!c.isReady){try{s.documentElement.doScroll("left")}catch(a){setTimeout(ma,1);return}c.ready()}}function Qa(a,b){b.src?c.ajax({url:b.src,async:false,dataType:"script"}):c.globalEval(b.text||b.textContent||b.innerHTML||"");b.parentNode&&b.parentNode.removeChild(b)}function X(a,b,d,f,e,j){var i=a.length;if(typeof b==="object"){for(var o in b)X(a,o,b[o],f,e,d);return a}if(d!==w){f=!j&&f&&c.isFunction(d);for(o=0;o<i;o++)e(a[o],b,f?d.call(a[o],o,e(a[o],b)):d,j);return a}return i? /* ... */ </code></pre> Looks correct to me. This is from the Firebug console: <pre><code>Error: $ is not a function [Break On This Error] $(function() { foowidget.js (line 5) >>> $ anonymous() >>> jQuery undefined >>> $('a') null >>> $(document) null </code></pre> Update 4: <code>$</code> is defined on all page of my Django site except the admin app. Odd... Update 5: This is interesting. jQuery.init.js: <pre><code>// Puts the included jQuery into our own namespace var django = { "jQuery": jQuery.noConflict(true) }; </code></pre> From the console: <pre><code>>>> $ anonymous() >>> django Object {} >>> django.jQuery function() >>> django.jQuery('a') [a /admin/p..._change/, a /admin/logout/, a ../../, a ../, a.addlink add/] </code></pre>
Tags
<javascript><python><django>
Title
Difficulty with Django and jQuery (why is $ undefined in the admin app?)
singulars
PostAcceptedAnswerId
1. PO
 singulars
 PostTypePostTypeId
 PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USNick Heiner
UserOwnerUserId
1. USNick Heiner
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
 singulars
 PostTypePostTypeId
 PTAnswer
2. PO
 singulars
 PostTypePostTypeId
 PTAnswer
3. PO
 singulars
 PostTypePostTypeId
 PTAnswer
VotesPostIdCreationDate
1. VO
 singulars
 PostPostId
 PODifficulty with Django and jQuery (why is $ undefined in the admin app?)
 UserUserId
 This table or related slice is empty.
 VoteTypeVoteTypeId
 VTUpMod
2. VO
 singulars
 PostPostId
 PODifficulty with Django and jQuery (why is $ undefined in the admin app?)
 UserUserId
 USsrcastro
 VoteTypeVoteTypeId
 VTFavorite
3. VO
 singulars
 PostPostId
 PODifficulty with Django and jQuery (why is $ undefined in the admin app?)
 UserUserId
 This table or related slice is empty.
 VoteTypeVoteTypeId
 VTUpMod
CommentsPostId

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.