小编Ton*_*bet的帖子

Animate scrollTop无法在firefox中运行

这个功能很好.它将主体滚动到所需容器的偏移量

function scrolear(destino){
    var stop = $(destino).offset().top;
    var delay = 1000;
    $('body').animate({scrollTop: stop}, delay);
    return false;
}
Run Code Online (Sandbox Code Playgroud)

但不是在Firefox中.为什么?

-编辑-

要在接受的答案中处理de double触发器,我建议在动画之前停止元素:

$('body,html').stop(true,true).animate({scrollTop: stop}, delay);
Run Code Online (Sandbox Code Playgroud)

firefox jquery scrolltop

164
推荐指数
3
解决办法
9万
查看次数

在聚焦<input>时防止iphone默认键盘

这就是我的尝试方式

<script type="text/javascript">
     $(document).ready(function(){
        $('#dateIn,#dateOut').click(function(e){
            e.preventDefault();
        }); 
     });
</script>
Run Code Online (Sandbox Code Playgroud)

但输入仍然是'推出'iphone的键盘

ps:我想这样做,因为我使用datepicker插件作为日期

javascript iphone keyboard jquery

76
推荐指数
4
解决办法
11万
查看次数

只有CSS的响应式视频iframe(保持宽高比)?

我通常使用一个类似的解决方案,这一项.就像是:

.wrapper {
   position: relative;
   width: 100%;
   height: 0;
   padding-bottom: 33%;
}
.wrapper iframe {
   position:absolute;
   left: 0;
   top: 0;
   height: 100%;
   width: 100%;
}
Run Code Online (Sandbox Code Playgroud)

但这次我无法访问HTML或JavaScript代码,因此我无法使用包装器来阻止height:0.

有没有办法让iframe响应(并保持比例)只有CSS?

试过这个(与iframe一起使用但不与其内容一起使用):

iframe {
    width: 100%;
    background: red;
    height: 0;
    padding-bottom: 33%;    
}
Run Code Online (Sandbox Code Playgroud)

小提琴

有什么想法吗?无需支持旧浏览器,因此即使是CSS3解决方案也会很棒.

html css iframe responsive-design

40
推荐指数
4
解决办法
3万
查看次数

如何知道$ string是否以','结尾?

可能重复:
在PHP中查找字符串中的最后一个字符

嗨,您好?

我怎么知道$ string的最后一个字符是','?

非常感谢?

php

36
推荐指数
3
解决办法
5万
查看次数

缩放和重新定位iframe,如background-size:cover

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}
.sized {
  height: 100%;
  position: relative;
  background: #eee;
  overflow:hidden;
  padding:0;
}
.sized iframe {
  position:absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
@media (min-width: 320px) {
  height: 200%;
  top: -50%;
}
@media (min-width: 640px) {
  height: 180%;
  top: -40%;
}
Run Code Online (Sandbox Code Playgroud)
<div class="sized">
  <iframe src="https://player.vimeo.com/video/135335257?autoplay=false" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe>
</div>

<h3>Original video</h3>
<iframe src="https://player.vimeo.com/video/135335257?autoplay=false" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe>
Run Code Online (Sandbox Code Playgroud)

当我在片段结果中得到一个cookie相同的原始错误时,这里是一个镜像:

https://jsfiddle.net/07Lffw5x/2/embedded/result/

[编辑]也许是一个更好的演示,如果你比较这个,没有太大的区别......为什么?[/编辑]

我正在尝试为iframe重现背景大小的封面.

事情是它似乎重新缩放视频,仅适用于更大的尺寸,

题,

重新划分可以在每个断点生效吗?或者vimeo玩家可能会自己重新缩放?

css iframe cover absolute responsive-design

35
推荐指数
2
解决办法
9797
查看次数

如何从"另一个国家"测试网站?

我刚从挪威打来电话说有一个奇怪的域重定向,最终导致404错误,

我如何模拟我在另一个国家或复制此错误?

testing ip country proxy

34
推荐指数
3
解决办法
7万
查看次数

<div>上的jquery .sortable()

我试图让用户对这种标记进行排序

<div id="steps">
   <div class="sort">
       <span></span>
       <textarea/>
   </div>
   <div class="sort">
       <span></span>
       <textarea/>
   </div>
   <div class="sort">
       <span></span>
       <textarea/>
   </div>
   <div class="sort">
       <span></span>
       <textarea/>
   </div>
</div>
Run Code Online (Sandbox Code Playgroud)

而我正在尝试这样:

$('.sort').sortable({placeholder: "ui-state-highlight",helper:'clone'}).disableSelection();
Run Code Online (Sandbox Code Playgroud)

但我的行为非常出乎意料,请检查:

http://jsfiddle.net/GA4Qs/8/

我该怎么做只让用户按步骤编号排序?(但将整个项目排序为块)

html jquery jquery-ui jquery-ui-sortable

33
推荐指数
2
解决办法
6万
查看次数

jquery完整日历:为前端的每个事件设置不同的颜色

这就是我使用插件的方式:

jQuery( document ).ready( function() {
            jQuery('#booking-calendar').fullCalendar({
                header: {
                    left: 'prev,next',
                    center: 'title',
                    right: 'month,basicWeek,basicDay'
                },
                editable: true,
                events: '<?php echo get_template_directory_uri() ?>/bookings-feed.php'
            });

            jQuery( '#apartment-selector' ).change( function() {
                apartment = jQuery( this ).val()
                jQuery('#booking-calendar').fullCalendar( 'removeEvents' )
                jQuery('#booking-calendar').fullCalendar( 'addEventSource',  {
                    url: '<?php echo get_template_directory_uri() ?>/bookings-feed.php',
                    type: 'POST',
                    data: {
                        apartment : apartment
                    }
                })
            })
        })
Run Code Online (Sandbox Code Playgroud)

这就是它的样子:

在此输入图像描述

正如您所看到的,当事件开始和结束时跟踪有点困难,所以我想改变每个事件的颜色,

这里的问题是每个事件可能在不同的星期分裂(如示例中所示),并且每个星期都有不同的DOM事件(这是有意义的),并且它们没有任何相关的类,

我知道如何以不同的方式为每个事件着色?

谢谢!

javascript jquery colors fullcalendar

32
推荐指数
2
解决办法
7万
查看次数

overflow-x:可见; 不适用于overflow-y:auto; 任何解决方法?

我在尝试

.item {
   width: 100px;
   overflow-x: visible;
   overflow-y: auto;
}
Run Code Online (Sandbox Code Playgroud)

但垂直溢出:auto似乎覆盖了水平

小提琴:http://jsfiddle.net/xcUTV/

这有什么解决方法吗?即使有一点javascript

javascript css overflow

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

如何从.html页面中提取链接和标题?

对于我的网站,我想添加一个新功能.

我希望用户能够上传他的书签备份文件(如果可能的话,从任何浏览器上传),这样我就可以将其上传到他们的个人资料中,而且他们不必手动插入所有这些文件...

这是我唯一缺少这样做的部分,它是从上传的文件中提取标题和URL的部分..任何人都可以提供线索从何处开始或在哪里阅读?

使用搜索选项和(如何从原始html文件中提取数据)这是我最相关的问题,它没有谈论它..

我真的不介意它是否使用jquery或php

非常感谢你

html php string web-crawler hyperlink

28
推荐指数
4
解决办法
5万
查看次数