小编Luc*_*tos的帖子

嵌入YouTube视频http / https匹配错误

我将YouTube视频嵌入到我的网站中,如下所示:

<iframe class="frame-for-top" width="300" height="200" src="https://www.youtube.com/embed/nb9GMm7QtlM" frameborder="0" allowfullscreen></iframe>
Run Code Online (Sandbox Code Playgroud)

现在,当我打开控制台时,我收到所有嵌入的youtube视频的错误消息,内容为:

:1未捕获的SecurityError:阻止了源为“ https://www.youtube.com ”的框架访问源为“ http://mywebsite.com ” 的框架。请求访问的帧的协议为“ https”,正在访问的帧的协议为“ http”。协议必须匹配。

我尝试将iframe中的“ src”更改为http而不是https似乎有效,但是我不知道这样做是否可以。任何反馈?

更新:

即使在JS小提琴中仍然会收到错误; 在此处输入图片说明

html javascript youtube video

5
推荐指数
1
解决办法
3494
查看次数

如何使用JQuery为计算位置设置动画

所以我有一个带有计算位置的变量,它使元素与JQuery居中,我之所以这样做是因为我不知道元素的宽度,所以我把它变成动态的.

var $x = $("#line").outerWidth();

var $result = "calc( 50% - " + $x +"px / 2 )";
Run Code Online (Sandbox Code Playgroud)

然后我尝试将它设置为中心($ result的值),如下所示:

   $("#line").animate({ 
        "left": $result,
        "top" : "15px"

    }, 1000 );
Run Code Online (Sandbox Code Playgroud)

可悲的是,这不起作用,只有最重要的价值.

非常感谢任何建议,谢谢.

html javascript css jquery

5
推荐指数
1
解决办法
837
查看次数

如何使用模运算符递增和递减整数

我试图基于点击增加一个整数.点击发生的方式并不重要,所以我会坚持逻辑.我在Java中这样做,但逻辑应该是相同的.

int index = 0;

// then within the click event
//arrySize holds the size() of an ArrayList which is 10

index = (index + 1) % arrySize;
Run Code Online (Sandbox Code Playgroud)

有了这个逻辑,每次用户点击时,index都会增加1.然后它的模数arrySizeindexindex匹配时返回0arrySize

(10%10会使索引回到0)这很好,因为它有点像一个从0到10然后回到0并且从不超过10的循环.

我试图做同样的逻辑,但后退 在哪里基于点击数字将减少并得到0然后回到arrySize而不是-1

我怎样才能实现这个逻辑?

java increment modulo decrement

5
推荐指数
1
解决办法
3042
查看次数

WordPress 多站点条件?

所以我有一个包含大约 15 个不同站点的 WordPress 多站点。

举个例子:

Country.com(主网站)

  • 美国国家网站
  • 中国国家网
  • 法国国家网站

现在假设在 china.country 中,我想要一个 h1 标签,在标题上写着“THIS IS CHINA”,但不在任何其他多站点上,甚至是主站点上。这样做有条件吗?我检查了 WordPress Codex,但没有运气,我唯一能找到的是is_main_site()没有帮助。

所以基本上我正在寻找一个条件,允许我选择不同的多站点,这样我就可以在它们上拥有不同的内容。

另外,我不太熟悉 WordPress 多站点,因为这是我的第一个,但我确实知道我也可以不使用多站点功能创建一个子目录并在该子目录中安装 WordPress,它会完成相同的事情,但每个多站点文件将是分开的,这听起来不错,但我不确定。任何有关如何为每个多站点提供不同内容的信息将不胜感激,或者如果我什至不应该使用多站点并通过创建子目录并在那里安装 WordPress 来手动完成此操作。

谢谢。

我忘了提及他们都使用相同的主题。因此,它们都共享相同的 index.php(home) 文件,这意味着我需要一个条件来更改其他多站点的外观。

php wordpress conditional-statements multisite

2
推荐指数
1
解决办法
2323
查看次数

如何让ReactJs与FullCalendar一起使用

我很难让FullCalendar与ReactJs一起正常工作.日历显示但看起来不正确并且传入参数$("#calendar").fullCalendar()不会做任何事情,如下图所示.(应该有第6 - 8天突出显示为绿色) 在此输入图像描述

所以我开始使用create-react-app,它只是为我启动项目所需的所有依赖项,例如Babel和什么不是.

然后制作了2个非常简单的React类,如下所示:

import React, { Component } from 'react';
import './App.css';

import $ from 'jquery';
import 'moment/min/moment.min.js';

import 'fullcalendar/dist/fullcalendar.css';
import 'fullcalendar/dist/fullcalendar.print.min.css';
import 'fullcalendar/dist/fullcalendar.js';


class Calendar extends Component {

  componentDidMount(){
    const { calendar } = this.refs;

    $(calendar).fullCalendar({events: this.props.events});
  }

  render() {
    return (
      <div ref='calendar'></div>
    );
  }

}


class App extends Component {
  render() {

    let events = [
      {
        start: '2017-01-06',
        end: '2017-01-08',
        rendering: 'background',
        color: '#00FF00'
      },
    ]

    return …
Run Code Online (Sandbox Code Playgroud)

javascript jquery fullcalendar reactjs

1
推荐指数
1
解决办法
6733
查看次数

如何在javascript中循环变量声明

所以我发现自己重复了一些我的javascript,并想知道是否有一种方法可以在循环中分配变量,但最后会增加数字.

所以这是我想要循环的重复代码:

var $d1 = $(".dot-1");
var $d2 = $(".dot-2");
var $d3 = $(".dot-3");
var $d4 = $(".dot-4");
var $d5 = $(".dot-5");
var $d6 = $(".dot-6");
var $d7 = $(".dot-7");
var $d8 = $(".dot-8");
var $d9 = $(".dot-9");
var $d10 = $(".dot-10");
var $d11 = $(".dot-11");
var $d12 = $(".dot-12");
var $d13 = $(".dot-13");
var $d14 = $(".dot-14");
var $d15 = $(".dot-15");
var $d16 = $(".dot-16");
var $d17 = $(".dot-17");
var $d18 = $(".dot-18");
var $d19 = $(".dot-19");
var $d20 …
Run Code Online (Sandbox Code Playgroud)

javascript jquery loops

-1
推荐指数
3
解决办法
932
查看次数