如果传递了URL参数，则使用jQuery显示div

Question

I have these divs set up on all my pages to catch if the action was a success or not through a URL parameter. The error div is supposed to show when there's an error - and the success div, when it's a success.

It seems to work fine on other pages, except this one. I've gone through it several times and can't figure out what might be wrong.

In firebug console, I get this: ReferenceError: $ is not defined $('#action-success').show();

CSS:

    /* error div */
    div#action-error
    {
        text-align: center;
        border: 1px solid white;
        display: none;
        background-color: #a80077;
        border-radius: 15px;
    }

    /* success div */
    div#action-success
    {
        text-align: center;
        border: 1px solid white;
        display: none;
        background-color: #5a8e4a;
        border-radius: 15px;
    }

HTML:

    <!-- RESULT ERROR/SUCCESS -->
    <div class="container_12" id="action-error">
        <span class="error">Error: There was an error deleting your album. Please try again.</span>
    </div>
    <div class="container_12" id="action-success">
       <span class="success">Your album was deleted successfully.</span>
    </div>
    <!-- RESULT ERROR/SUCCESS END -->

Jquery:

Top of page: (found on SO)

        <script>
            function getParameterByName(name) {
                return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.search)||[,""])[1].replace(/\+/g, '%20'))||null;
            }
        </script>

Bottom:

        //------------------------------------------------------------------
        var error = getParameterByName('error');

        if(error){
            alert(error);
            $('#action-error').show();
        }
       //------------------------------------------------------------------
        var success = getParameterByName('result');

        if(success){
            $('#action-success').show();
        }

I've looked at the other topics on SO, but none of them seem to be exactly what my issue is. Any help would be appreciated, and thank you for your time.

Answer 1

Have you wrapped the JavaScript with a function that passes jQuery as $?

(function($){
    //-----------
    var error = getParameterByName('error');

    if(error){
        alert(error);
        $('#action-error').show();
    }
   //------------------------------------------------------------------
    var success = getParameterByName('result');

    if(success){
        $('#action-success').show();
    }
    //------------

})(jQuery);

Answer 2

well, folks - this is what happens when you code half-asleep going on coffee fumes. The problem was I forgot to include the jQuery library in my file... Sorry to have wasted your time.

I'm working on my dunce cap as we speak.