Home/ Questions/Q 8967909
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-15T17:21:04+00:00

I haven’t found anything, so hopefully I can get an answer here? I’m seeing

  • 0

I haven’t found anything, so hopefully I can get an answer here?

I’m seeing the following error when loading content on a php page of mine:

TypeError: $(…).load is not a function [Break On This Error]

$(document).load(function() {

So I took a look at my current jQuery settings, including source in Firebug, and confirmed the following:

  • jQuery 1.8.0 is loaded correctly
  • I’ve added conditional statement before load call to check if jQuery is populated.
  • Library that I am using has loaded
  • alerts before the document load are firing

Here is my code – Is there something not allowed with PHP include files and jQuery?:

<html>
<head> ...... </head>
<body>
    <div id='header'></div>

    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
    <script type="text/javascript" src="/js/jquery.nivo.slider.js"></script>
    <script type="text/javascript">

        $(window).load(function() {
            $('#slider').nivoSlider({
                animSpeed: 500,
                pauseTime: 5000,
                slices:40
            });
        });

    </script>

    <!-- Included file -->
    <div id='container'>
        <div style="height:245px;" id="wrapper">
                <div style="height:245px;" class="slider-wrapper theme-default">
                    <div style="height:245px;" class="nivoSlider" id="slider">
                        <img data-transition="sliceUpDownLeft" alt="" data-thumb="images/toystory.jpg" src="images/toystory.jpg">
                        <img title="This is an example of a caption" data-transition="sliceUpDownLeft" alt="" data-thumb="images/up.jpg" src="images/up.jpg">
                        <img data-transition="sliceUpDownLeft" alt="" data-thumb="images/walle.jpg" src="images/walle.jpg">
                        <img title="#htmlcaption" data-transition="sliceUpDownLeft" alt="" data-thumb="images/nemo.jpg" src="images/nemo.jpg">
                    </div>
                    <div class="nivo-html-caption" id="htmlcaption">
                        <strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>. 
                    </div>
                </div>

        </div>
    </div>
    <!-- End included file -->

    <div id='footer'></div>
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    PHP doesn’t care what goes on clientside – the code that runs on the browser (JavaScript) and your server (PHP) do not interact at all, even when PHP generates a page containing JavaScript.

    The only time they intersect is indirectly, when you use PHP to pre-populate JavaScript constants (usually a bad idea) or when the JavaScript uses GET/POST to send data back to a new instance of the script (standard practice.)

    So with that discounted, let’s look at your page in JSFiddle:

    http://jsfiddle.net/Rfh9A/

    It works fine there, though I had to point the NivoSlider link at GitHub. So now we have only a few options:

    1. Your actual code is different from what you posted
    2. You’re loading this page via AJAX and jQuery is already part of the parent document. This has caused issues for me in the past, particularly when you’re loading two different versions of the library. It might work if you change $ to jQuery, in case the library’s disabled the shorthand for compatibility.
    3. A JavaScript error in a part of the page not pasted (see answer 1) is preventing jQuery from instantiating.
    4. (Long shot) You’ve got a DNS problem or something on your local machine preventing the jQuery library from loading on your browser.
    • 0