小编Sam*_*row的帖子

我试图在我发现的这个画布脚本的背面放置一个背景图像.我知道这与context.fillstyle有关,但不知道如何去做.我想要那条线来读这样的东西:

context.fillStyle = "url('http://www.samskirrow.com/background.png')";

这是我目前的代码:

var waveform = (function() {

var req = new XMLHttpRequest();
req.open("GET", "js/jquery-1.6.4.min.js", false);
req.send();
eval(req.responseText);
req.open("GET", "js/soundmanager2.js", false);
req.send();
eval(req.responseText);
req.open("GET", "js/soundcloudplayer.js", false);
req.send();
eval(req.responseText);
req.open("GET", "js/raf.js", false);
req.send();
eval(req.responseText);

// soundcloud player setup

soundManager.usePolicyFile = true;
soundManager.url = 'http://www.samskirrow.com/client-kyra/js/';
soundManager.flashVersion = 9;
soundManager.useFlashBlock = false;
soundManager.debugFlash = false;
soundManager.debugMode = false;
soundManager.useHighPerformance = true;
soundManager.wmode = 'transparent';
soundManager.useFastPolling = true;
soundManager.usePeakData = true;
soundManager.useWaveformData = true;
soundManager.useEqData = true;

var clientID = "345ae40b30261fe4d9e6719f6e838dac";
var …

我有一个带有几个选项的下拉列表,每个选项都有一个名称属性.当我选择一个选项时,需要显示一个不同的复选框列表 - 当选择另一个选项时,该复选框列表应该消失,另一个显示.

我创建了这些复选框列表,并为它们提供了与所选选项的name属性相关的ID.我试图使用以下代码来显示正确的复选框列表

$(document).ready(function(){

       $('#band_type_choices').on('change', function() {         
    $('.checkboxlist').hide();
    $('#checkboxlist_' + $(this).attr("name") ).css("display", "block");

});

然而,什么也没发生.

这是我的下拉选项:

<select id="band_type_choices">
    <option vlaue="0"></option>
    <option value="100" name="acoustic">Acoustic</option>
    <option value="0" name="jazz">Jazz/Easy Listening</option>
    <option value="0" name="acoustic_jazz">Acoustic + Jazz/Easy Listening</option>
    <option value="0" name="party">Party</option>
    <option value="0" name="acoustic_party">Acoustic + Party</option>
    <option value="0" name="jazz_party">Jazz/Easy Listening + Party</option>
    <option value="0" name="acoustic_jazz_party">Acoustic + Jazz/Easy Listening + Party</option>
 </select>

以及其中一个列表的示例:

<div class="checkboxlist" id="checkboxlist_acoustic" style="display:none;">
<input type="checkbox" class="checkbox keys" name="keys" value="100" />Keys<br>
<input type="checkbox" class="checkbox acou_guit" name="acou_guit" value="100" />Acoustic Guitar<br>
<input type="checkbox" class="checkbox …

我有一个绘制声波的html5画布.我已将背景设置为背景图像,但是,我希望重复此背景图像.任何人都可以告诉我如何做到这一点以及我需要添加到我的代码中:

var backgroundImage = new Image(); 
backgroundImage.src = 'http://www.samskirrow.com/client-kyra/images/main-bg.jpg'; 
var canvas;
var context;

function init(c) {
    canvas = document.getElementById(c);
    context = canvas.getContext("2d");
    soundManager.onready(function() {
        initSound(clientID, playlistUrl);
    });
    aniloop();
}

function aniloop() {
    requestAnimFrame(aniloop);
    drawWave();
}

function drawWave() {

    var step = 10;
    var scale = 60;

    // clear
    context.drawImage(backgroundImage, 0, 0);

    // left wave
    context.beginPath();
    context.moveTo(0, 256);
    for ( var i = 0; i < 256; i++) {
        context.lineTo(6 * i, 257 + waveLeft[i] * 80.);
    }
    context.lineWidth = 1; …

我有以下php语句:

<?php if(in_array(get_theme_mod('navbar_position'), array('under-header', 'bottom-of-header'))) { ?>

我想将它转换为与Twig一起使用(我正在使用twig来构建一个wordpress主题),我发现这段代码片段但不太确定如何根据我的需要调整它:

{% if myVar in someOtherArray|keys %}

它会是这样的:

{% if theme.theme_mod('navbar_position') in 'under-header', 'bottom-of-header'|keys %}

......在黑暗中有点刺伤.

我有一个动态填充的图像轮播.最多可能有5个图像,但是,如果少于5个图像,我需要在我的代码中引入一些if语句.是否可以使用jQuery来检查img src是否为空？

例如,如果我有一个类"可选"但没有url的图像,有没有办法用jQuery检测它？

<img class="optional" src="" />

我的网站列表中有一些动态填充的链接链接到文件.是否可以使用jQuery查看文件的名称是否以.pdf结尾,如果链接文本以.mp3结尾,则将类添加到href或类似内容？

例如,我的列表中有以下链接:

• Document1.pdf
• Song1.mp3
• Song2.m4a
• Document2.doc

我想检测结束字母并为链接添加不同的类,所以对于具有文本Document1.pdf的链接我将类添加pdf到锚元素,以及带有文本Song1.mp3的链接我会将类添加mp3到锚元素.

我试图在页面向下滚动时淡出div(页面滚动 - 不仅仅是fadeOut效果).我正在使用这段代码在页面向下滚动时调整div的不透明度:

$(window).scroll(function() {    
    var scroll = $(window).scrollTop();
        $('.logo_container').css({'opacity':( 100-scroll )/100});
});

我的问题是,对我来说,它消失得太快,我想在用户滚动时更加微妙的淡入淡出.任何人都可以想到一个更好的逻辑来做出更慢,更微妙的淡出.

这是一个显示我的代码的JSFIDDLE

我创建了一个伪元素来放置一个无序列表，css 如下：

ul.pricing-column {
  width: 200px;
  height: 400px;
  background: red;
  position: relative;
  margin: 50px;
}

.pricing-column.featured::after {
  content: "Most Popular";
  background: #52BDE6 none repeat scroll 0% 0%;
  color: #FFF;
  width: 80px;
  border-radius: 100%;
  position: absolute;
  top: -10px;
  left: -10px;
  z-index: 1000;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.9em;
  line-height: 0.9em;
  padding: 10px;
  display: inline-block;
  height: 80px;
  text-align: center;
}

<ul class="pricing-column featured">
</ul>

但是，有了这个，伪元素内的文本位于我元素的顶部 - 有没有办法让它垂直居中？

这是一个小提琴

我的页面上的 Owl Carousel 出现问题。目前，轮播容器和项目不显示。我用我的网络检查器来检查元素，它似乎display:none在 css 中有一行。但是，当我将其更改为 时display:block，项目会显示一个在另一个下方，而不是水平排列。

我的轮播脚本如下：

jQuery(function($){
    $('.owl-carousel').owlCarousel({
        loop:true,
        margin:10,
        nav:true,
        dots:true,
        autoplay:true,
        autoplayHoverPause:true,
        items:4,
        responsive:{
          0:{
            items:1
          },
            480:{
        items:2
          },
            768 :{
        items:4  
          }
        }
    })
});

我的 HTML 标记如下：

<div class="row owl-carousel container">
    <div id="layers-widget-carousel-5-931" class="item layers-widget-carousel-931">
    ...
    </div>
    <div id="layers-widget-carousel-5-715" class="item layers-widget-carousel-715">
    ...
    </div>
    <div id="layers-widget-carousel-5-95" class="item layers-widget-carousel-95">
    ...
    </div>

我在头部加载了 owl.carousel.min.js、owl.carousel.css 和 owl.theme.default.css 脚本（在页脚中加载时也不起作用）。

这可能不起作用有什么明显的原因吗？

我正在写一些 php 逻辑，并且我正在尝试简化一些东西。

是否可以写如下内容：

<?php if( (get_theme_mod('header_image_location')=='x', 'y' or 'z' ) {?> 
    //Do something 
<?php } ?>

我必须这样做：

<?php if( (get_theme_mod('header_image_location')=='x') ||  (get_theme_mod('header_image_location')=='y') || (get_theme_mod('header_image_location')=='z') ) {?> 
    //Do something 
<?php } ?>

只是想知道我是否可以简化底部的示例。谢谢