相关疑难解决方法(0)

我正在尝试交换两个divs位置以进行响应式设计(网站看起来不同,具体取决于浏览器的宽度/移动设备的好处).

现在我有这样的事情:

<div id="first_div"></div>
<div id="second_div"></div>

但是,是否可以交换他们的展示位置,使其看起来像是second_div第一个,仅使用CSS？HTML保持不变.我尝试过使用花车和东西,但它似乎没有按照我想要的方式工作.我不想使用绝对定位,因为divs 的高度总是在变化.有没有解决方案,或者没有办法做到这一点？

我正在使用Slick carousel插件创建一个视频轮播,用户可以添加,删除和过滤.我遇到的问题是,每当用户做一个事件(添加/删除/过滤)时,旋转木马上的所有视频都会重新加载,这给人一种笨重的感觉.

我发现重新加载可以停止,如果我进入slick.js并注释掉`_.$ slidesCache = _.$ slides;``,但是会破坏Filtering函数有没有办法阻止重新加载,同时仍保留所有函数？

JSFiddle:http://jsfiddle.net/neowot/eoov2ud1/37/

使用Javascript

$(document).ready(function(){
    var slideId = 0;
    var slides = [];
    $('.add-remove').slick({
        slidesToShow: 3,
        slidesToScroll: 3
    });

    var target = '<div class="videowrapper"><iframe src="https://www.youtube.com/embed/7WgYmnwO-Pw" frameborder="0" allowfullscreen></iframe></div>';

    $('.js-add-FirstClass-slide').on('click', function() {        
        $('.add-remove').slick('slickAdd','<div class="FirstClass"  slide-id="' + slideId + '"><h3><a class="sliderX">X</a>' + target + '</h3></div>');
        slides.push(slideId);
        slideId++;
    });

    $('.js-add-SecondClass-slide').on('click', function() {
        $('.add-remove').slick('slickAdd','<div class="SecondClass" slide-id="' + slideId + '"><h3><a class="sliderX">X</a>' + target + '</h3></div>');
        slides.push(slideId);
        slideId++;
    });

    var filtered = false;

    $('.ToggleFirstClass').on('click', function() {
        if (filtered …

可能吗？

我试图移动它,但iframe内容消失了.

试图获取iframe的内容并将它们放在新的位置,但所有处理程序都消失了.

尝试做同样的事情,但使用新的jQuery 1.4.2功能,可以克隆所有事件.

但它不起作用:)

所以我决定在这里寻求帮助.

如何将该死的iframe移动到文档中的另一个位置而不会丢失它的内容？^ _ ^

谢谢

添加:

txtad_iframe = ad_container.find('iframe');                 
its_contents = txtad_iframe.contents();
its_body = its_contents.find("div:first").clone(true).insertAfter(cthis.find('#photos'));

在这里,我正在尝试将内容复制到新的广告容器中.但它不起作用.上下文横幅不会对点击事件做出反应.

我试图将ad_container移动到容器,但是iframe正文内容消失了.

我有一个第三方(mootools)库创建标签,我已经谷歌双击发布商(dfp)创建广告.dfp在iframe中创建广告,然后标签脚本抓取iframe的anchestor并用它来"混乱"以创建标签.iframe的内容在此过程中丢失.

我正在寻找一种方法来处理这个问题(尝试在标签加载后触发dfp内容但谷歌脚本崩溃了).

iframe来自不同的域到父窗口,因此任何试图对iframe中的元素执行操作的东西都将失败.

addTab: function(text, title, content) {
    var grab = $(content);
    var container = (grab || new Element('div'))
        .setStyle('display', 'none')
        .addClass(this.options.classContainer);
    this.wrapper.adopt(container);
    var pos = this.tabs.length;
    var evt = (this.options.hover) ? 'mouseenter' : 'click';
    var tab = {
        container: container,
        toggle: new Element('li').grab(new Element('a', {
            href: '#',
            title: title
        }).grab(
            new Element('span', {html: text})
        )).addEvent(evt, this.onClick.bindWithEvent(this, [pos])).inject(this.menu)
    };
    if (!grab && $type(content) == 'string') tab.url = content;
    this.tabs.push(tab);
    return this.fireEvent('onAdded', [tab.toggle, tab.container, pos]);
},