如何找出哪个js文件对某个元素负责?

时间:2015-02-06 21:39:01

标签: javascript jquery

我正在Chrome中测试我的网页。我右键点击了我遇到问题的元素,我得到了这个:

element.style {
height: 147px;
position: relative;
width: 100%;
overflow: hidden;
}

没有附加文件。这告诉我元素样式来自内联代码(我的页面没有)或js文件(我的页面有一个数字)。

当我关闭职位时:亲戚,我不再有任何问题。

我想我已经把它缩小到一个js文件,搞砸了我的页面,但我不知道如何解决它或如何解决它。

以下是一些更好地描述问题的图片:

http://i.imgur.com/Yxv2zLe.png http://i.imgur.com/wtqkqw5.png

如果您查看第一张图片,图像上方的蓝框需要直接在橙色框上方,以便所有内容都正确排列。

在第二张图像中,当我关闭位置时,图像在叠加下正确定位。

我的问题是我不太了解js来修复代码以修复位置。

如果有帮助的话,这是我认为负责的代码。

    /* ---------------------------------------------------------------------- */
/* Entry Slider
 /* ---------------------------------------------------------------------- */

if ($().cycle) {

    var entrySliders = $('.entry-slider > ul');

    $.fn.cycle.transitions.scrollHorizontal = function ($cont, $slides, opts) {
        $cont.css('overflow', 'hidden');
        opts.before.push($.fn.cycle.commonReset);
        var w = $cont.width();
        opts.cssFirst.left = 0;
        opts.cssBefore.left = w;
        opts.cssBefore.top = 0;
        opts.animIn.left = 0;
        opts.animOut.left = 0 - w;

        if ($cont.data('dir') === 'prev') {
            opts.cssBefore.left = -w;
            opts.animOut.left = w;
        }
    };

    function initEntrySlider(entrySliders, isFirstTime) {
        entrySliders.each(function (i) {
            var slider = $(this);
            var initPerformed = isFirstTime && slider.data('initInvoked');
            if (!initPerformed) {
                slider.data('initInvoked', 'true');

                var sliderId = 'entry-slider-' + i;
                slider.attr('id', sliderId);
                var prevButtonId = sliderId + '-prev';
                var nextButtonId = sliderId + '-next';

                if (slider.data('enable') === 'false') {
                    return;
                }

                slider.css('height', slider.children('li:first').height());
                var firstSlide = slider.children('li')[0];
                var lastSlide = slider.children('li')[slider.children('li').length - 1];

                if (slider.children('li').length > 1) {
                    if (slider.parent().find('#' + prevButtonId).length == 0) {
                        slider.parent().append('<div class="entry-slider-nav"><a id="' + prevButtonId + '" class="prev">Prev</a><a id="' + nextButtonId + '" class="next">Next</a></div>');
                    }
                }

                slider.cycle({
                    onPrevNextEvent: function (isNext, zeroBasedSlideIndex, slideElement) {
                        $(slideElement).parent().data('dir', isNext ? 'next' : 'prev');
                    },
                    before: function (curr, next, opts, forwardFlag) {
                        var $this = $(this);
                        var sliderId = $this.closest('ul').attr('id');
                        // set the container's height to that of the current slide
                        $this.parent().stop().animate({height: $this.height()}, opts.speed);
                        if (opts['nowrap']) {
                            var prevButton = $('#' + sliderId + '-prev');
                            var nextButton = $('#' + sliderId + '-next');
                            if ((firstSlide == next) && (!prevButton.hasClass('disabled'))) {
                                prevButton.addClass('disabled');
                            } else {
                                prevButton.removeClass('disabled');
                            }

                            if ((lastSlide == next) && (!nextButton.hasClass('disabled'))) {
                                nextButton.addClass('disabled');
                            } else {
                                nextButton.removeClass('disabled');
                            }
                        }
                    },
                    containerResize: false,
                    pauseOnPagerHover: true,
                    nowrap: false, // if true, the carousel will not be circular
                    easing: 'easeInOutExpo',
                    fx: 'scrollHorizontal',
                    speed: 600,
                    timeout: 0,
                    fit: true,
                    width: '100%',
                    pause: true,
                    slideResize: true,
                    slideExpr: 'li',
                    prev: '#' + prevButtonId,
                    next: '#' + nextButtonId
                });
            }
        });
        if (Modernizr.touch && $().swipe) {
            function doEntrySliderSwipe(e, dir) {
                var sliderId = $(e.currentTarget).attr('id');
                if (dir == 'left') {
                    $('#' + sliderId + '-next').trigger('click');
                }
                if (dir == 'right') {
                    $('#' + sliderId + '-prev').trigger('click');
                }
            }

            entrySliders.each(function () {
                var slider = $(this);
                var initPerformed = isFirstTime && slider.data('swipeInvoked');
                if (!initPerformed) {
                    slider.data('swipeInvoked', 'true');
                    slider.swipe({
                        click: function (e, target) {
                            $(target).trigger('click');
                        },
                        swipeLeft: doEntrySliderSwipe,
                        swipeRight: doEntrySliderSwipe,
                        allowPageScroll: 'auto'
                    });
                }
            });

        }

    }

    function initAllEntrySliders(isFirstTime) {
        if (isFirstTime) {
            var timer = window.setTimeout(function () {
                window.clearTimeout(timer);
                initEntrySlider($('.entry-slider > ul'), isFirstTime);
            }, 100);
        } else {
            initEntrySlider($('.entry-slider > ul'), isFirstTime);
        }
    }

    function resizeEntrySlider(entrySliders) {
        entrySliders.each(function () {
            var slider = $(this);
            slider.css('height', slider.children('li:first').height());
        });
    }

    function loadEntrySlider() {
        var entrySliderImages = $('.entry-slider > ul > li> a > img');
        var unloadedImagesCount = 0;
        var unloadedImages = [];
        entrySliderImages.each(function () {
            if (!this.complete && this.complete != undefined) {
                unloadedImages.push(this);
                unloadedImagesCount++;
            }
        });
        if (unloadedImagesCount == 0) {
            initAllEntrySliders(true);
        } else {
            var initAllEntrySlidersInvoked = false;
            var loadedImagesCount = 0;
            $(unloadedImages).bind('load', function () {
                loadedImagesCount++;
                if (loadedImagesCount === unloadedImagesCount) {
                    if (!initAllEntrySlidersInvoked) {
                        initAllEntrySlidersInvoked = true;
                        initAllEntrySliders(true);
                    }
                }
            });
            var timer = window.setTimeout(function () {
                window.clearTimeout(timer);
                $(unloadedImages).each(function () {
                    if (this.complete || this.complete === undefined) {
                        $(this).trigger('load');
                    }
                });
            }, 50);

        }
    }

    loadEntrySlider();

    $(window).on('resize', function () {
        var timer = window.setTimeout(function () {
            window.clearTimeout(timer);
            resizeEntrySlider(entrySliders);
        }, 30);
    });

}

如果我应该在其他地方或其他地方问这个,请告诉我。

0 个答案:

没有答案