Trouble with jQuery try it out p.370

[email protected] · December 3rd, 2011, 03:29 PM

I am seeing two problems, but I hope they are related.
1) Where I have entered the <Scripts></Scripts> element it shows that it is not supported/known.
2) When I try to open the Demo/jQuery.aspx page is says that the $ at line 86 is undefined.
I include code from both pages below.
Thank you for any help you provide.

Code:

<%@ Page Title="jQuery Demo" Language="VB" MasterPageFile="~/MasterPages/Frontend.master" AutoEventWireup="false" CodeFile="jQuery.aspx.vb" Inherits="Demos_jQuery" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="cpMainContent" Runat="Server">
  <input id="Button1" type="button" value="button" />
  <script type="text/javascript">
      $(document).ready(function ()
      {
          $('#MainContent').css('background-color', 'green')
          $('#Button1').click(function ()
          {
              $('#MainContent').css('background-color', 'red').animate({ width: '100px', height: '800px' })
          });
      });
  </script>
</asp:Content>

AND

Code:

<%@ Master Language="VB" CodeFile="Frontend.master.vb" Inherits="MasterPages_Frontend" %>

<!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 runat="server">
    <title></title>
    <asp:ContentPlaceHolder id="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    <form id="form1" runat="server">
     <asp:ScriptManager runat="server" ID="ScriptManager1" EnablePageMethods="True" />
     <Scripts>
      <asp:ScriptReference Path="~/Scripts/jquery-1.4.1.min.js" />
     </Scripts>
       <div id="PageWrapper">
          <div id="Header"><a href="~/" runat="server"></a></div>
          <div id="MenuWrapper">
            <asp:Menu ID="Menu1" runat="server" CssClass="MainMenu" 
                  DataSourceID="SiteMapDataSource1" Orientation="Horizontal" 
                  StaticEnableDefaultPopOutImage="False"></asp:Menu>
              <asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" 
                  ShowStartingNode="False" />
              <asp:TreeView ID="TreeView1" runat="server" DataSourceID="SiteMapDataSource1" 
                  ShowExpandCollapse="False">
                 <LevelStyles>
                   <asp:TreeNodeStyle CssClass="FirstLevelMenuItems" />
                 </LevelStyles>
              </asp:TreeView>
          </div>           
          <div id="MainContent">
             <asp:SiteMapPath ID="SiteMapPath1" runat="server"></asp:SiteMapPath><br /><br />
             <asp:ContentPlaceHolder ID="cpMainContent" runat="server">
             </asp:ContentPlaceHolder>              
          </div>
          <div id="Sidebar">Select Theme Here<br /><asp:dropdownlist runat="server" 
                  ID="ThemeList" AutoPostBack="True">
              <asp:ListItem>DarkGrey</asp:ListItem>
              <asp:ListItem>Monochrome</asp:ListItem>
              </asp:dropdownlist>
              <br />
              <br />
              <br />
              <Wrox:Banner ID="Banner1" runat="server" DisplayDirection="Vertical" />              
           </div>
          <div id="Footer">Footer Goes Here</div>
       </div>
    </form>
</body>
</html>

Imar · December 4th, 2011, 06:11 AM

Hi there,

Are you sure your jQuery file exists in the Scripts folder? Take a look at the final HTML in the browser for the full path to the script file. Then try to request that in the browser directly. Does the file appear OK or do you get an error? E.g. browse to something like http://localhost:12345/Scripts/jquery-1.4.1.min.js. Don't forget to update the complete URL to match your setup.

Cheers,

Imar

[email protected] · December 4th, 2011, 06:34 AM

The error does appear when I try to navigate straight to the file, but the file is in the Scripts folder directly off the root of the site?
I took some screen shots, but I don't see a way to insert them here...
I believe you have me going the right path and that this will be a simple error on my part, but the file (including) syntax looks correct...other thoughts?

Thanks again Imar.

[email protected] · December 4th, 2011, 06:50 AM

I still haven't been able to see what I missed, but I copied the text required for this TIO from the source directly into my files and the exercise works.
I will try one vs the other next and see if I can narrow the error location.

Thanks for your support.