小编Spa*_*awk的帖子

我正在尝试了解如何使用YouTube API定位现有的iframe(即不使用脚本构建iframe).

像往常一样,谷歌没有提供足够的API示例,但解释说有可能,这里http://code.google.com/apis/youtube/iframe_api_reference.html

这是我正在尝试做的一个例子 - 缩略图下面的视频应该播放.我几乎在那里,但只有第一个视频播放...

http://jsfiddle.net/SparrwHawk/KtbYR/2/

这段代码在DESKTOP浏览器中很有效(代码由@ Rob-W提供),点击缩略图,相邻的视频将开始播放,使用YouTube的API.

HTML

<div id="tabs2">
    <div>
    <img class='thumb' src='http://i2.cdnds.net/11/34/odd_alan_partridge_bio_cover.jpg'>
    <iframe id="frame1" width="640" height="390" frameborder="0" title="YouTube video player"type="text/html"src="http://www.youtube.com/embed/u1zgFlCw8Aw?enablejsapi=1"></iframe>
    </div>

    <div>
        <img class='thumb' src='http://i2.cdnds.net/11/34/odd_alan_partridge_bio_cover.jpg'>
   <iframe id="frame2" width="640" height="390" frameborder="0" title="YouTube video player"type="text/html"src="http://www.youtube.com/embed/u1zgFlCw8Aw?enablejsapi=1"></iframe>
    </div>
</div>

CSS

#tabs2 div {
    position: relative;
}
/* For security reasons, an element cannor be placed over a frame */
/*.thumb {
    position: absolute;
}*/    
.play {
    border: 3px solid red;
}

JS

function getFrameID(id) {
    var elem = document.getElementById(id);
    if (elem) {
        if (/^iframe$/i.test(elem.tagName)) return id; //Frame, …

我想引入一个动态的侧边栏.我在小部件侧边栏中有1个文本项,但我不想在小部件中引入标题(只是正文).任何人都可以告诉我WordPress在标题中的位置吗？

我现在......

// In my page template...
<div id='advert-header'>        
   <?php dynamic_sidebar( 'Header Advert' ); ?>
</div>

// In functions.php...
function twentyten_widgets_init() {
    register_sidebar( array(
        'name' => __( 'Header Advert', 'twentyten' ),
        'id' => 'primary-widget-area',
        'description' => __( 'The primary widget area', 'twentyten' ),
        'before_widget' => '',
        'after_widget' => '',
        'before_title' => '',
        'after_title' => '',
    ) );
// etc.
}

我很确定这对你来说是一个非常简单的答案jQuery wizzes,而且我也很漂亮,这涉及到某种循环.

我试图在两个单独的div上执行基本相同的计算,但是根据找到的图像数量为每个id分配不同的CSS宽度值.我正在执行的计算与我的问题无关,但无论如何我都将它们放入,因为它是我正在使用的实际代码.

这是标记......

<div id ='test1' class='target'>
  <div class='scrolling'>
    <img/>
    <img/>
    <img/>
  </div>
</div>

<div id ='test2' class='target'>
  <div class='scrolling'>
    <img/>
    <img/>
    <img/>
  </div>
</div>

下面是我目前的jQuery,它运行正常,但它效率低下,因为我必须为每个添加的div编写另一块代码.我如何标准化它,以便它通过目标类运行每个div？谢谢

/* Measure the width of each image. */
test1 = $('#div1 .scrolling img').width();
test2 = $('#div2 .scrolling img').width();

/* Find out how many images there are. */
test1img = $('#div1 .scrolling img').length;
test2img = $('#div2 .scrolling img').length;

/* Do the maths. */
final1 = (test1 * test1img)*1.2;
final2 = (test2 * test2img)*1.2;

/* …

我有一堆与showreel类的div,我希望第一个具有更高的保证金价值.我正在尝试使用CSS高级选择器来实现这一点,但似乎无法弄明白.

我知道你可以定位像p:first-child这样的原生元素,但是我可以将它用于div类,例如.showreel:first

看了很多,但我只是找到有关原生元素的信息.任何帮助表示赞赏,但宁愿拥有CSS解决方案而不是JS解决方案.

谢谢

我认为我可以使用高级CSS选择器来做到这一点,但是很挣扎.

我在这里有一个JS小提琴,下面的例子

基本上,我如何定位每个图像,除了第一个？我不想使用类或ID,我只想使用高级选择器,如果可能的话.

所以类似于.entry-content img:first-child(虽然我知道这不起作用)

<div class='entry-content'>
    <div>
        <img src='http://placedog.com/400/300'/>
    </div>
    <div>
        <img src='http://placedog.com/400/300'/>
    </div>        
     <div>
        <img src='http://placedog.com/400/300'/>
    </div>
</div>

是否可以使用跨度来触发输入？

例如

<div class='btn'>
    <span type="submit" aria-hidden="true" data-icon="&#xe000;"></span>
</div>

我可能会遗漏一些令人目眩的明显但我基本上只想使用图标字体作为发送按钮.

谢谢!

我正在努力将div中的选择下拉列表中心.我试过两个保证金:自动; 和text-align:center; 无济于事

这是我的小提琴http://jsfiddle.net/U8Kja/

有人能搞清楚吗？我错过了什么吗？

谢谢

是否可以将OSX窗口的最小宽度设置为320px？

Safari中的默认最小宽度大于此值,这使得难以使用媒体查询进行编程并在OSX上进行复制.请看我的截图,这将使事情更清晰.

顺便说一句,如果你要发布技术答案(我假设有人会),请记住我没有后端代码的经验,我知道最多的是CSS/PHP/JS.我不介意弄脏手,但说明需要冗长:-)

我试图做一些事情,如果div包含某个元素,但似乎无法触发条件.这是我最好的一击.

<div class='test'>
    testing123
</div>

<div class='test'>
  <p>testing456</p>
</div>

$('.test').each(function(){
    if(!$(this).has('p')) {
        $(this).addClass('red');
    }
});

该脚本只是针对一切.这是一个现场小提琴 - http://jsbin.com/igoyuk/edit#javascript,html,live