Question

我在所有页面上设置了这些div，以通过URL参数捕获动作是否成功。错误div应该显示何时出现错误 - 以及成功div，当它成功时。

除了这个之外，它似乎在其他页面上正常工作。我经历了好几次，无法弄清楚可能出现的问题。

在firebug控制台中，我得到了这个： ReferenceError：$未定义 $（ '＃动作成功'）显示（）;

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的：

返回页首:(在SO上找到）

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

底

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

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

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

我已经看过关于SO的其他主题，但它们似乎都不是我的问题所在。任何帮助将不胜感激，谢谢你的时间。

Answer 1

您是否使用将jQuery传递为$的函数包装JavaScript？

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

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

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

})(jQuery);

Answer 2

好吧，伙计们 - 这就是你编写半睡半醒的咖啡时所发生的事情。问题是我忘了在我的文件中包含jQuery库...抱歉浪费了你的时间。

在我们发言时，我正在研究我的笨蛋帽。

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

2 个答案: