小编web*_*ogs的帖子

应用程序配置不允许使用URL:应用程序的设置不允许使用一个或多个给定的URL.它必须与网站URL或Canvas URL匹配,或者域必须是App域之一的子域.

我已经研究过关于SO的最热门的问题(问题1,问题2,问题3,问题4和问题5)......它们都没有帮助我的情况.

我有这样的应用程序设置......

应用程序域名: azeverything.com
沙盒模式:已禁用
Facebook登录
站点网址: http : //azeverything.com

****App Domains***要求不识别任何协议,并且站点URL要求识别协议.*

我曾尝试使用www.azeverything.com,但这也无效.一切似乎都匹配起来.顺便说一句,这是一个WP站点.我也不在当地开发.这都是现场直播.

我可以loading="lazy"在单个图像上添加属性，或者使用 JavaScript 添加属性并一次应用它们。

但是，当我使用 JavaScript 执行此操作，然后检查页面时，我看到图像在页面加载时加载，但每个图像都附加了属性。

为什么loading="lazy"使用 HTML 添加会延迟加载图像，但使用 JavaScript 添加 attrib 不会提供延迟加载行为？

let img = document.querySelectorAll('img');
for (let i = 0; i < img.length; i++) {
  let images = img[i];
  images.setAttribute('loading', 'lazy');
}

img {
  max-width: 100%;
  height: auto;
}

.container {
  margin-top: 2000px;
}

<div class="container">
  <img src="https://images.unsplash.com/photo-1481349518771-20055b2a7b24">
  <img src="https://images.unsplash.com/photo-1494253109108-2e30c049369b">
  <img src="https://images.unsplash.com/photo-1494232410401-ad00d5433cfa">
</div>

在下面的示例中，我尝试捕获此脚本中的所有视频。但是，我只能捕捉第一个视频。getElementById我知道这与and not有关querySelectorAll，但我不确定如何在这个脚本中实现它。

var videoId = document.getElementById("wistia_video");
var uniqueVideoId = Array.from(videoId.classList)
  .find((c) => c.startsWith("wistia_async_"))
  .substring(13);
// console.log(uniqueVideoId);

const clickToPlay = document.querySelectorAll('.wistia')[0];

clickToPlay.addEventListener('click', function() {
  const playVideo = clickToPlay.querySelectorAll('.wistia__overlay, .embed-youtube__play');
  Array.from(playVideo).forEach((elem) => elem.remove());

  //supporting scripts
  let wistiaSupportScripts = [
    `https://fast.wistia.com/assets/external/E-v1.js`,
    //adds jsonp file to provide security over requests
    `https://fast.wistia.com/embed/medias/${uniqueVideoId}.jsonp`
  ];

  //loads supporting scripts into head
  for (var i = 0; i < wistiaSupportScripts.length; i++) {
    let wistiaSupportScript = document.createElement("script");
    wistiaSupportScript.src = wistiaSupportScripts[i];
    let complete = false;
    if (!complete …

I am compiling a ColdFusion application with WebPack and everything seems to be compiling just fine. As you can see from the config below, I'm also trying to include an HTML file in the dist folder and ensure it's being called when I display the application.

const path = require("path");
const { CleanWebpackPlugin } = require("clean-webpack-plugin");
const HtmlWebPackPlugin = require("html-webpack-plugin");

module.exports = {
  mode: "production",
  entry: {
    vendor: "./src/vendor.js",
    main: "./src/index.js"
  },  
  output: {
    filename: "[name].[contenthash].bundle.js",
    path: path.resolve(__dirname, "dist")
  }, …

我有一个网站,我试图以移动格式显示,但在宽屏幕上.我确信iframe是要走的路.

我正在尝试在iPhone的图像中加载iframe.你可以在这里看到一个例子.

一旦你看到它,你应该能够告诉我正在尝试做什么.

我已经有了这个CSS,以允许在iPhone内部显示iframe ...

/*iframe Overlay*/
#over{
    position: absolute;
    top: 84px;
    left: 133px;
    width: 485px;
    height: 320px;
}

iframe{
    width: 100%;
    height: 550px;
    background-image: url(../images/iphone5_hollow_750x380.png);
    background-repeat: no-repeat;
}

这是关联的HTML ...

   <div id="over"><iframe src="http://webfro.gs/south/tour"></iframe></div>
        <iframe src="http://www.google.com">
            You don't have iframe support, unfortunately
        </iframe>
    </div>

问题...

我不明白为什么,但我被迫将谷歌网站的iframe片段保留在那里.如果我拿出来,那么手机图像就不会显示出来.

这是为什么？

这是最好的方法吗？那里更方便吗？

让它在IE8中显示似乎是另一个噩梦.

有什么想法吗？

以下脚本应根据偏移量-10(夏威夷)显示当前本地时间,但它不起作用.

无法弄清楚我哪里出错了.

<h3>Current Time in Arizona is 
<script type="text/javascript">
<!--
    var currentTime = new Date()
    var hours = currentTime.getHours()
    var minutes = currentTime.getMinutes()

    if (minutes < 10)
    minutes = "0" + minutes

    var suffix = "AM";
    if (hours >= 12) {
    suffix = "PM";
    hours = hours - 12;
    }
    if (hours == 0) {
    hours = 12;
    }

    document.write("<b>" + hours + ":" + minutes + " " + suffix + "</b>")
//-->
</script>
</h3>

这是来自Adam Shaw的FullCalendar ...

如何在这里放置换行符,以便第二行移动到下一行？

events: [
    {
    title: 'Line 1 - This is line 2...',
    start: '2013-11-07'
},

我尝试添加其中一个+'<br />',但它没有用...

思考？

请查看此演示小提琴.

我要做的是在结果中添加一个前导"$".标签" 保留援助 "工作正常,但是当我向其添加"$"时,它会对数字执行某些操作,而不是显示运行总计,它只是将数字添加到输出中.

因此,添加2000 + 4000 + 5000,显示为" 保留援助中的$ 200040005000 "(带有美元符号,但实际上并未添加数字).

var updateTotal = function () {
  var input1 = parseInt($('#earnedAid1').val() || 0);
  var input2 = parseInt($('#earnedAid2').val() || 0);
  var input3 = parseInt($('#earnedAid3').val() || 0);        
  $('#total').text("$" + input1 + input2 + input3 +" in Retained Aid");
};

编辑:除此之外,只需在输入框中输入"2",在输出中将其显示为$ 200.

我正在尝试将小数位移到右边,并给我至少2位数的整数.我得到小数点后的位数,但不是小数点前.

输入值除以36,它应该导致百分比.

有一个小提琴在这里 ...

$(function() {
    var output_element = $('#creditRemaining');

    $('#creditRemaining').keyup(function() {  
        updateTotal();
    });


    var updateTotal = function () {
      var input1 = parseInt($('#creditRemaining').val() || 0);
      $('#total').text((input1 / 36).toFixed(2) + "% Prorated");
    };

 });

思考？

在下面的代码片段中，我使用该方法来检查文档中contains()是否存在以 开头的类。banner__如果我显式定义该类，那么我可以获得真实的响应。但是文档中可能存在以banner__.

如何检查以 开头的类是否banner__存在？

const banner = document.querySelector('.banner');
const isBanner = banner.classList.contains('banner__');
if (isBanner) {
  console.log('Exists')
} else {
  console.log('Does not exist')
}

<div class="banner banner__holiday">Banner</div>

我这里有一个示例网站.

在文档的底部,有一个标有"Potential Gen Ed TOC"的部分.

如果您打开标有"合成"的Accordion,您将在右侧看到下拉菜单.

如您所见,在此JavaScript中,它基于是否已激活复选框.然后'Potential Gen Ed TOC'将根据指定的值显示一个数字.

$(function($) {
    var sum = 0;
    $('#CourseMenu :checkbox').click(function() {
        sum = 0;
        $('#CourseMenu :checkbox:checked').each(function(idx, elm) {
            sum += parseInt(elm.value, 10);
        });

        $('#total_potential').html(sum);
    });
});

当您继续在不同课程中选中复选框时,将显示一笔金额.

我现在要做的是取消JS中的复选框触发器.我用下拉菜单替换了它们,这些菜单说"Credits - Select Credit".

每当有人选择一个值时,"潜在的Gen Ed TOC"会根据该值缓慢增加.

我会假设我所要做的就是赋值="任意数字",JavaScript会接受它.

在JavaScript(上面)中,我无法从下拉菜单中提取这些值.如您所见,JS基于复选框.

一旦我能够从下拉菜单中提取值,我想要将这些值加起来,但是不管显示的数字是否超过72,无论选择了多少总转移信用.

那有意义吗？

编辑:这是一些标记,以了解我从哪里拉取值(下拉菜单)...

          <fieldset name = Comunication>
            <legend>Transfer Course Information</legend>
            <label for="School Int.">School Int.</label> 
            <input name="School Int." type="text" size="6" maxlength="6" /> &nbsp; 

            <label for="ID">ID</label>
            <input name="ID" type="text" id="ID" size="8" /> &nbsp; 

            <label …

我这里有个小提琴.

@import 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css';
hotel-btn-container {
  display: table;
  width: 100%;
}
hotel-btn {
  display: table-cell;
  text-align: center;
}

<div style="display: table; width: 100%;">
  <p style="display: table-cell; text-align: center;">
    <a class="btn btn-primary" href="tel:2125550101">Call Us</a>
  </p>
  <p style="display: table-cell; text-align: center;">
    <a class="btn btn-primary" href="#"  target="_blank">Website</a>
  </p>
</div>
<br><br>
<div class="hotel-btn-container">
  <p class="hotel-btn">
    <a class="btn btn-primary hotel-btn" href="#">Call Us</a>
  </p>
  <p class="hotel-btn">
    <a class="btn btn-primary hotel-btn" href="#">Website</a>
  </p>
</div>

我有两个与内联CSS并排的按钮.按钮显示正常.

<div style="display: table; width: 100%;">
    <p style="display: table-cell; text-align: center;">
        <a …