.htaccess是否会阻止此jQuery运行,如何解决?

时间:2012-02-24 15:27:04

标签: javascript jquery apache .htaccess

下午好,

我有一个Joomla!一直在浏览器中弹出弹出窗口的模板,只读取“here”这个词,如Screenshot

有人指着我执行此.htaccess文件的方向,所以我检查了那里的代码......

DirectoryIndex index.php
RewriteEngine On
RewriteBase /development/SWE/BRANDNAMEREMOVED

########## Begin - Rewrite rules to block out some common exploits
## If you experience problems on your site block out the operations listed below
## This attempts to block the most common type of exploit `attempts` to Joomla!
#
## Deny access to extension xml files (uncomment out to activate)
<Files ~ "\.xml$">
Order allow,deny
Deny from all
Satisfy all
</Files>
## End of deny access to extension xml files

# Block out any script trying to set a mosConfig value through the URL
RewriteCond %{QUERY_STRING} mosConfig_[a-zA-Z_]{1,21}(=|\%3D) [OR]
# Block out any script trying to base64_encode crap to send via URL
RewriteCond %{QUERY_STRING} base64_encode.*\(.*\) [OR]
# Block out any script that includes a <script> tag in URL
RewriteCond %{QUERY_STRING} (\<|%3C).*script.*(\>|%3E) [NC,OR]
# Block out any script trying to set a PHP GLOBALS variable via URL
RewriteCond %{QUERY_STRING} GLOBALS(=|\[|\%[0-9A-Z]{0,2}) [OR]
# Block out any script trying to modify a _REQUEST variable via URL
RewriteCond %{QUERY_STRING} _REQUEST(=|\[|\%[0-9A-Z]{0,2})
# Send all blocked request to homepage with 403 Forbidden error!
RewriteRule ^(.*)$ index.php [F,L]
#
########## End - Rewrite rules to block out some common exploits

RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_URI} !^/index.php
RewriteCond %{REQUEST_URI} (/|\.php|\.html|\.htm|\.feed|\.pdf|\.raw|/[^.]*)$  [NC]
RewriteRule (.*) index.php
RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization},L]

导致消息出现的jQuery是在浏览器中...

<script type="text/javascript">
        (function($) {
            $.fn.parallaxSlider = function(options) {
                var opts = $.extend({}, $.fn.parallaxSlider.defaults, options);
                return this.each(function() {
                    var $pxs_container  = $(this),
                    o               = $.meta ? $.extend({}, opts, $pxs_container.data()) : opts;

                    //the main slider
                    var $pxs_slider     = $('.pxs_slider',$pxs_container),
                    //the elements in the slider
                    $elems          = $pxs_slider.children(),
                    //total number of elements
                    total_elems     = $elems.length,
                    //the navigation buttons
                    $pxs_next       = $('.pxs_next',$pxs_container),
                    $pxs_prev       = $('.pxs_prev',$pxs_container),
                    //the bg images
                    $pxs_bg1        = $('.pxs_bg1',$pxs_container),
                    $pxs_bg2        = $('.pxs_bg2',$pxs_container),
                    $pxs_bg3        = $('.pxs_bg3',$pxs_container),
                    //current image
                    current         = 0,
                    //the thumbs container
                    $pxs_thumbnails = $('.pxs_thumbnails',$pxs_container),
                    //the thumbs
                    $thumbs         = $pxs_thumbnails.children(),
                    //the interval for the autoplay mode
                    slideshow,
                    //the loading image
                    $pxs_loading    = $('.pxs_loading',$pxs_container),
                    $pxs_slider_wrapper = $('.pxs_slider_wrapper',$pxs_container);

                    //first preload all the images
                    var loaded      = 0,
                    $images     = $pxs_slider_wrapper.find('img');

                    $images.each(function(){
                        var $img    = $(this);
                        $('<img/>').load(function(){
                            ++loaded;
                            if(loaded   == total_elems*2){
                                $pxs_loading.hide();
                                $pxs_slider_wrapper.show();

                                //one images width (assuming all images have the same sizes)
                                var one_image_w     = $pxs_slider.find('img:first').width();

                                /*
                                need to set width of the slider,
                                of each one of its elements, and of the
                                navigation buttons
                                 */
                                setWidths($pxs_slider,
                                $elems,
                                total_elems,
                                $pxs_bg1,
                                $pxs_bg2,
                                $pxs_bg3,
                                one_image_w,
                                $pxs_next,
                                $pxs_prev);

                                //make the first thumb be selected
                                highlight($thumbs.eq(0));

                                //slide when clicking the navigation buttons
                                $pxs_next.bind('click',function(){
                                    ++current;
                                    if(current >= total_elems)
                                        if(o.circular)
                                            current = 0;
                                    else{
                                        --current;
                                        return false;
                                    }
                                    highlight($thumbs.eq(current));
                                    slide(current,
                                    $pxs_slider,
                                    $pxs_bg3,
                                    $pxs_bg2,
                                    $pxs_bg1,
                                    o.speed,
                                    o.easing,
                                    o.easingBg);
                                });
                                $pxs_prev.bind('click',function(){
                                    --current;
                                    if(current < 0)
                                        if(o.circular)
                                            current = total_elems - 1;
                                    else{
                                        ++current;
                                        return false;
                                    }
                                    highlight($thumbs.eq(current));
                                    slide(current,
                                    $pxs_slider,
                                    $pxs_bg3,
                                    $pxs_bg2,
                                    $pxs_bg1,
                                    o.speed,
                                    o.easing,
                                    o.easingBg);
                                });

                                /*
                                clicking a thumb will slide to the respective image
                                 */
                                $thumbs.bind('click',function(){
                                    var $thumb  = $(this);
                                    highlight($thumb);
                                    //if autoplay interrupt when user clicks
                                    if(o.auto)
                                        clearInterval(slideshow);
                                    current     = $thumb.index();
                                    slide(current,
                                    $pxs_slider,
                                    $pxs_bg3,
                                    $pxs_bg2,
                                    $pxs_bg1,
                                    o.speed,
                                    o.easing,
                                    o.easingBg);
                                });



                                /*
                                activate the autoplay mode if
                                that option was specified
                                 */
                                if(o.auto != 0){
                                    o.circular  = true;
                                    slideshow   = setInterval(function(){
                                        $pxs_next.trigger('click');
                                    },o.auto);
                                }

                                /*
                                when resizing the window,
                                we need to recalculate the widths of the
                                slider elements, based on the new windows width.
                                we need to slide again to the current one,
                                since the left of the slider is no longer correct
                                 */
                                $(window).resize(function(){
                                    w_w = $(window).width();
                                    setWidths($pxs_slider,$elems,total_elems,$pxs_bg1,$pxs_bg2,$pxs_bg3,one_image_w,$pxs_next,$pxs_prev);
                                    slide(current,
                                    $pxs_slider,
                                    $pxs_bg3,
                                    $pxs_bg2,
                                    $pxs_bg1,
                                    1,
                                    o.easing,
                                    o.easingBg);
                                });

                            }
                        }).error(function(){
                            alert('here')
                        }).attr('src',$img.attr('src'));
                    });



                });
            };

            //the current windows width
            var w_w             = $(window).width();

            var slide           = function(current,
            $pxs_slider,
            $pxs_bg3,
            $pxs_bg2,
            $pxs_bg1,
            speed,
            easing,
            easingBg){
                var slide_to    = parseInt(-w_w * current);
                $pxs_slider.stop().animate({
                    left    : slide_to + 'px'
                },speed, easing);
                $pxs_bg3.stop().animate({
                    left    : slide_to/2 + 'px'
                },speed, easingBg);
                $pxs_bg2.stop().animate({
                    left    : slide_to/4 + 'px'
                },speed, easingBg);
                $pxs_bg1.stop().animate({
                    left    : slide_to/8 + 'px'
                },speed, easingBg);
            }

            var highlight       = function($elem){
                $elem.siblings().removeClass('selected');
                $elem.addClass('selected');
            }

            var setWidths       = function($pxs_slider,
            $elems,
            total_elems,
            $pxs_bg1,
            $pxs_bg2,
            $pxs_bg3,
            one_image_w,
            $pxs_next,
            $pxs_prev){
                /*
                the width of the slider is the windows width
                times the total number of elements in the slider
                 */
                var pxs_slider_w    = w_w * total_elems;
                $pxs_slider.width(pxs_slider_w + 'px');
                //each element will have a width = windows width
                $elems.width(w_w + 'px');
                /*
                we also set the width of each bg image div.
                The value is the same calculated for the pxs_slider
                 */
                $pxs_bg1.width(pxs_slider_w + 'px');
                $pxs_bg2.width(pxs_slider_w + 'px');
                $pxs_bg3.width(pxs_slider_w + 'px');

            }

            $.fn.parallaxSlider.defaults = {
                auto            : 0,    //how many seconds to periodically slide the content.
                                        //If set to 0 then autoplay is turned off.
                speed           : 1000,//speed of each slide animation
                easing          : 'jswing',//easing effect for the slide animation
                easingBg        : 'jswing',//easing effect for the background animation
                circular        : true,//circular slider
                thumbRotation   : true//the thumbs will be randomly rotated
            };
            //easeInOutExpo,easeInBack

        })(jQuery);
    </script>

有人能指出我正确的方向吗?我感觉自己正盯着它。

非常感谢任何帮助。

干杯,

安迪

4 个答案:

答案 0 :(得分:3)

改变这个:

.error(function(){
    alert('here')
}).

对此:

.error(function(data, handler){
    console.log(data);
}).

这应该会给你一些更有意义的错误处理。

答案 1 :(得分:1)

alert('here')来自$('<img/>').load(fn...)上的错误处理程序。

如果您在控制台中检查,您将看到确切的错误。

答案 2 :(得分:1)

在此行中,加载函数的错误回调会创建警报:

.error(function(){
    alert('here')
}

所以显然你的一些加载请求失败了,试着将错误记录到控制台,以获得关于请求中可能出错的更多输入。

答案 3 :(得分:1)

.htaccess与javascript执行无关,.htaccess是serverside和javascript客户端。 我可以在你的代码中清楚地看到一个警告('here')你可以注释掉(只有在不影响你的代码或你不知道代码的情况下)但是如果你想修复它你应该开始调试到看看发生了什么。