error is jquery : The Official Microsoft ASP.NET Forums

Reply

error is jquery

Nov 13, 2012 03:42 PM|LINK

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="TabPage.aspx.cs" Inherits="TabPage" %>

<!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>
    <link href="css_autocomplete/base.css" rel="stylesheet" type="text/css" />
    <link href="css_autocomplete/jquery-ui.css" rel="stylesheet" type="text/css" />
    <link href="css_autocomplete/style.css" rel="stylesheet" type="text/css" />
    <link href="css_autocomplete/wde1aof-d.css" rel="stylesheet" type="text/css" />
    

    <script src="js_autocomplete/comment-reply.js" type="text/javascript"></script>
    <script src="js_autocomplete/ga.js" type="text/javascript"></script>
    <script src="js_autocomplete/jquery-1.7.2.min.js" type="text/javascript"></script>
    <script src="js_autocomplete/jquery-1.8.2.js" type="text/javascript"></script>
    <script src="js_autocomplete/jquery-ui.js" type="text/javascript"></script>
    <script src="js_autocomplete/jquery.js" type="text/javascript"></script>
    <script src="js_autocomplete/modernizr.js" type="text/javascript"></script>
    <script src="js_autocomplete/plugins.js" type="text/javascript"></script>
    <script src="js_autocomplete/scripts.js" type="text/javascript"></script>
    <script src="js_autocomplete/selectivizr.js" type="text/javascript"></script>
    <script src="js_autocomplete/wde1aof.js" type="text/javascript"></script>
    
    <script>
        $(function() {
        $("#tabs").tabs();
        });
    </script>
    
</head>
<body>
    <form id="form1" runat="server">
    
    <div id="tabs" runat="server">
        <ul>
            <li><a href="#tabs-1">Nunc tincidunt</a></li>
            <li><a href="#tabs-2">Proin dolor</a></li>
            <li><a href="#tabs-3">Aenean lacinia</a></li>
        </ul>
        <div id="tabs-1">
            <p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.</p>
        </div>
        <div id="tabs-2">
            <p>Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc. Duis scelerisque molestie turpis. Sed fringilla, massa eget luctus malesuada, metus eros molestie lectus, ut tempus eros massa ut dolor. Aenean aliquet fringilla sem. Suspendisse sed ligula in ligula suscipit aliquam. Praesent in eros vestibulum mi adipiscing adipiscing. Morbi facilisis. Curabitur ornare consequat nunc. Aenean vel metus. Ut posuere viverra nulla. Aliquam erat volutpat. Pellentesque convallis. Maecenas feugiat, tellus pellentesque pretium posuere, felis lorem euismod felis, eu ornare leo nisi vel felis. Mauris consectetur tortor et purus.</p>
        </div>
        <div id="tabs-3">
            <p>Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce sodales. Quisque eu urna vel enim commodo pellentesque. Praesent eu risus hendrerit ligula tempus pretium. Curabitur lorem enim, pretium nec, feugiat nec, luctus a, lacus.</p>
            <p>Duis cursus. Maecenas ligula eros, blandit nec, pharetra at, semper at, magna. Nullam ac lacus. Nulla facilisi. Praesent viverra justo vitae neque. Praesent blandit adipiscing velit. Suspendisse potenti. Donec mattis, pede vel pharetra blandit, magna ligula faucibus eros, id euismod lacus dolor eget odio. Nam scelerisque. Donec non libero sed nulla mattis commodo. Ut sagittis. Donec nisi lectus, feugiat porttitor, tempor ac, tempor vitae, pede. Aenean vehicula velit eu tellus interdum rutrum. Maecenas commodo. Pellentesque nec elit. Fusce in lacus. Vivamus a libero vitae lectus hendrerit hendrerit.</p>
        </div>
    </div>
    </form>
</body>
</html>

Reply

Re: error is jquery

Nov 13, 2012 04:23 PM|LINK

jquery is what error?

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">

    <title></title>
		<link href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
		<script type="text/javascript" src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
    
    <script>
        $(function() {
        $("#tabs").tabs();
        });
    </script>
    
</head>
<body>
    <form id="form1" runat="server">
    
    <div id="tabs" runat="server">
        <ul>
            <li><a href="#tabs-1">Nunc tincidunt</a></li>
            <li><a href="#tabs-2">Proin dolor</a></li>
            <li><a href="#tabs-3">Aenean lacinia</a></li>
        </ul>
        <div id="tabs-1">
            <p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.</p>
        </div>
        <div id="tabs-2">
            <p>Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc. Duis scelerisque molestie turpis. Sed fringilla, massa eget luctus malesuada, metus eros molestie lectus, ut tempus eros massa ut dolor. Aenean aliquet fringilla sem. Suspendisse sed ligula in ligula suscipit aliquam. Praesent in eros vestibulum mi adipiscing adipiscing. Morbi facilisis. Curabitur ornare consequat nunc. Aenean vel metus. Ut posuere viverra nulla. Aliquam erat volutpat. Pellentesque convallis. Maecenas feugiat, tellus pellentesque pretium posuere, felis lorem euismod felis, eu ornare leo nisi vel felis. Mauris consectetur tortor et purus.</p>
        </div>
        <div id="tabs-3">
            <p>Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce sodales. Quisque eu urna vel enim commodo pellentesque. Praesent eu risus hendrerit ligula tempus pretium. Curabitur lorem enim, pretium nec, feugiat nec, luctus a, lacus.</p>
            <p>Duis cursus. Maecenas ligula eros, blandit nec, pharetra at, semper at, magna. Nullam ac lacus. Nulla facilisi. Praesent viverra justo vitae neque. Praesent blandit adipiscing velit. Suspendisse potenti. Donec mattis, pede vel pharetra blandit, magna ligula faucibus eros, id euismod lacus dolor eget odio. Nam scelerisque. Donec non libero sed nulla mattis commodo. Ut sagittis. Donec nisi lectus, feugiat porttitor, tempor ac, tempor vitae, pede. Aenean vehicula velit eu tellus interdum rutrum. Maecenas commodo. Pellentesque nec elit. Fusce in lacus. Vivamus a libero vitae lectus hendrerit hendrerit.</p>
        </div>
    </div>
    </form>
</body>
</html>

Works perfectly for me. It might have something to do with the hundreds of .js references you have conflicting with each other. Get rid of this line;

<script src="js_autocomplete/jquery-1.7.2.min.js" type="text/javascript"></script>

and see if that helps. Alternatively use the declarations i have and add anything else you need one at a time until it breaks again.

Next time you post on these forums it really does help if you explain whats wrong. You posted code so at least you had that going for you, but next time please go into a tiny bit more detail about the error you are having.

Edited by teh munk on Nov 13, 2012 04:24 PM

Reply

Motley

Star

13789 Points

2449 Posts

MVP

Re: error is jquery

Nov 15, 2012 09:15 PM|LINK

Looks like you are trying to include 3 different version of jQuery on the page. 1.7.2, 1.8, and one with no version in the filename. Pick one.

Edited by Song-Tian - MSFT on Nov 19, 2012 08:07 AM
Edited by Young Yang - MSFT on Dec 11, 2012 12:10 PM

Reply

TechFriend

Participant

955 Points

182 Posts

Re: error is jquery

Nov 16, 2012 06:07 AM|LINK

Lye

<script>
        $(function() {
        $("#tabs").tabs();
        });
    </script>

Remove this from the head and add it at the end of your entire html

After the div element

Lye

<div id="tabs" runat="server">

.

Basically, jquery is not able to find the element as it tries to find the element before its is loaded. writing it at the end will allow jquery/javascript to find any of the rendered element

Please Mark as Answer if this reply helps you :)

Edited by Lye on Nov 23, 2012 06:36 AM
Edited by Young Yang - MSFT on Dec 11, 2012 12:10 PM

Reply

Motley

Star

13789 Points

2449 Posts

MVP

Re: error is jquery

Nov 16, 2012 01:34 PM|LINK

Sorry tech friend, but your analysis is wrong and that won't help at all. The first line of the script keeps it from running until the entire document has been loaded and parsed.