如何在div中使用jquery包装iframe,例如,如果使用vimeo嵌入iframe,则在加载时jquery将其包装在div类中:
<div class="iframe"><iframe src="http://player.vimeo.com/video/23358638?title=0&byline=0&portrait=0" width="500" height="300" frameborder="0"></iframe></div>
Run Code Online (Sandbox Code Playgroud) 我的样式表中有多个@ font-face字体,有没有办法只加载那个页面上使用的字体?除了为每个具有该字体的页面加载单独的样式表.
使用jquery,我如何在所有h1标签内的文本周围包装div类.例如,做所有
<h1> test </h1>
在一份文件中
<h1> <div class="wrap">test </div></h1>.
我有精神障碍.任何帮助将非常感激.
我想创建一个Jquery脚本,它将从10的列表中随机选择一种颜色,然后将其作为背景颜色应用于一个div,以及h1标签的颜色.
到目前为止,我有这个随机颜色:
$(document).ready(function() { var hue = 'rgb(' + (Math.floor((256-199)*Math.random()) + 200) + ','
+ (Math.floor((256-199)*Math.random()) + 200) + ','
+ (Math.floor((256-199)*Math.random()) + 200) + ')';
$('#controls-wrapper').css("background-color", hue);
$('h1').css("color", hue);});
Run Code Online (Sandbox Code Playgroud)
但是如何从10种颜色的列表中随机选择呢?我找到了这个,但不知道如何将它应用于bg color div和h1标签.
$("#controls-wrapper").each(function(){
var colors = ["#CCCCCC","#333333","#990099"];
var rand = Math.floor(Math.random()*colors.length);
$(this).css("background-color", colors[rand]);});
Run Code Online (Sandbox Code Playgroud) 我的页面中有以下选择选项,我想按顺序随机化.
<select class="selectpicker1 show-menu-arrow span2" onchange="updatePreview();">
<option data-content="<img src='img/render/3-thumb.jpg'>" value="3.jpg">three</option>
<option data-content="<img src='img/render/5-thumb.jpg'>" value="5.jpg">five</option>
<option data-content="<img src='img/render/1-thumb.jpg'>" value="1.jpg">one</option>
<option data-content="<img src='img/render/2-thumb.jpg'>" value="2.jpg">two</option>
<option data-content="<img src='img/render/4-thumb.jpg'>" value="4.jpg">four</option>
<option data-content="<img src='img/render/6-thumb.jpg'>" value="6.jpg">six</option>
<option data-content="<img src='img/render/7-thumb.jpg'>" value="7.jpg">six</option>
</select>
Run Code Online (Sandbox Code Playgroud)
到目前为止,我有以下代码,但它不起作用,这是随机化订单的最简单方法吗?并且代码有问题吗?
<?php
$options=array( '<option data-content="<img src="img/render/3-thumb.jpg">" value="3.jpg">three</option>',
'<option data-content="<img src="img/render/5-thumb.jpg">" value="5.jpg">five</option>',
'<option data-content="<img src="img/render/1-thumb.jpg">" value="1.jpg">one</option>');
shuffle($options);
echo '<select class="selectpicker1 show-menu-arrow span2" onchange="updatePreview();">';
foreach ($options as $picker) {
echo '$picker'; }
echo '</select>'; ?>
Run Code Online (Sandbox Code Playgroud)