小编Sim*_*ger的帖子

如何删除/忽略:在触摸设备上悬停css样式

:hover如果用户通过触摸设备访问我们的网站,我想忽略所有CSS声明.因为:hoverCSS没有意义,如果平板电脑在点击/点击时触发它,它甚至会令人不安,因为它可能会坚持直到元素失去焦点.说实话,我不知道为什么触摸设备:hover首先需要触发- 但这是现实,所以这个问题也是现实.

a:hover {
   color:blue;
   border-color:green;
   // etc. > ignore all at once for touch devices
}
Run Code Online (Sandbox Code Playgroud)

那么,(如何):hover在声明触摸设备之后,我可以一次性删除/忽略所有CSS 声明(不必知道每一个)吗?

html css hover touch

111
推荐指数
8
解决办法
14万
查看次数

如何使用jQuery从<template>中选择元素

我有两个相似的选择.第一个使用<div>标签,工作正常,第二个使用新<template>标签,这不再起作用.

谁能告诉我如何使用标签使用jQuery<template>

HTML

<div id="div">
    <div>content</div>
</div>

<template id="template">
    <div>content</div>
</template>
Run Code Online (Sandbox Code Playgroud)

JavaScript的

var $div = $('#div');
var $content = $div.find('div');
console.log($content); //works ($content.length == 1)

var $template = $('#template');
var $content = $template.find('div');
console.log($content); //doesn't work ($content.length == 0)
Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/s8b5w0Le/1/

html javascript jquery templates

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

没有(标准)播放器运行VAST?

非常感谢这个问题的答案!

无论如何,这是我第一次看到VAST标签.现在,我们的想法是在没有或使用常规播放器的情况下运行/实现它.使用JavaScript事件可以做到这一点吗?究竟是怎么回事?

标签如下所示:http: //example.com/www/delivery/vst.php?zoneid = 000&id =网站

<VAST version="2.0">
    <Ad id="VPAID">
        <InLine>
            <AdSystem version="1.0">AD COMPANY</AdSystem>
            <AdTitle>VPAID Ad Manager</AdTitle>
            <Impression/>
            <Creatives>
                <Creative sequence="1">
                    <Linear>
                        <Duration>00:00:15</Duration>
                        <MediaFiles>
                            <MediaFile delivery="progressive" width="640" height="480" scalable="true" type="application/x-shockwave-flash" apiFramework="VPAID">
                                <![CDATA[
                                http://example.com/www/admanager/AdManager.swf?zoneid=000&id=website&ft1=10&ft2=40&ft3=5&ft4=30&ft5=0.5&ft6=10&ft7=20&ht1=5&ht2=40&ht3=5&ht4=30&ht5=0.5&ljt=example.com&vtid=v_00000_hashid
                                ]]>
                            </MediaFile>
                            <MediaFile delivery="progressive" width="640" height="480" scalable="true" type="application/javascript" apiFramework="VPAID">
                                <![CDATA[
                                http://example.com/www/admanager/ad-manager.js#zoneid=000&id=website&ft1=10&ft2=40&ft3=5&ft4=30&ft5=0.5&ft6=10&ft7=20&ht1=5&ht2=40&ht3=5&ht4=30&ht5=0.5&ljt=example.com&vtid=v_00000_hashid
                                ]]>
                            </MediaFile>
                        </MediaFiles>
                    </Linear>
                </Creative>
            </Creatives>
        </InLine>
    </Ad>
</VAST>
Run Code Online (Sandbox Code Playgroud)

javascript video ads html5-video vast

13
推荐指数
1
解决办法
2394
查看次数

如何使用Chart.js的百分比刻度

我试着在文档中查找它(我在其他地方发现的所有示例都不再起作用,可能是由于早期版本的过时语法)如何使用"scaleLabel",但是它引用了带有链接的缩放标题配置不存在(不再):http: //www.chartjs.org/docs/#scale-title-configuration

有人可以提供一个有效的例子吗?

javascript chart.js

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

`flex-grow:0`如何被解释?

我想知道flex-grow:0Flexbox模型是否意味着

  • width:0 要么
  • "增长= 0".

如果它意味着后者,是否可以说它等于width:autodisplay:inline-block,即它需要显示所需的宽度?

css css3 flexbox

11
推荐指数
1
解决办法
6975
查看次数

如何在Android上退出全屏后再次显示地址栏

我使用HTML5全屏插件(https://github.com/kayahr/jquery-fullscreen-plugin)按要求全屏查看网站.

这很好 - 但是,当我通过插件退出全屏时,我只看到最顶部的栏,但不是地址栏.

如果我将设备旋转到横向并返回纵向模式,地址栏会显示,但我不能指望用户知道(和做).

如何以编程方式退出全屏后告诉Android上的Chrome显示地址栏?


初始状态 在此输入图像描述

退出全屏后,地址栏丢失 在此输入图像描述

javascript address-bar android google-chrome fullscreen

10
推荐指数
1
解决办法
482
查看次数

具有角度材料的Pinterest布局

我需要Angular Material的以下布局是从左到右插入卡片,在可用宽度的末尾包裹并填充卡片之间的任何垂直空间.所有卡都有相同的宽度,但高度不同:

在此输入图像描述

这是否可以使用普通角度和CSS?怎么样?


我试图完成这个,display:flex但我无法摆脱垂直空间:

.cards {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
}
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述


我还发现了一个纯CSS解决方案,解决了空间问题,但是顺序不同,也需要一个固定的高度:https: //codepen.io/michellebarker/pen/zvxpoG

在此输入图像描述


更新

其他要求:

  • 响应式布局:根据窗口的不同,列数越来越少; 但他们总是填写所有可用空间(自适应列宽,例如100%,50%等)
  • 插入卡必须使用 ng-repeat="card in cards | orderBy:order:reverse"

html css layout angularjs material-design

10
推荐指数
1
解决办法
3026
查看次数

如何使用$ .get()检测服务器重定向

没有重复的问题

这个问题与上面提到的问题不重复,因为我无法控制服务器响应,因为上述其他两个问题就是这种情况.


我用来$.get将外部文档的内容加载到当前网站.

但是,我需要此外部文档的最终URL.在原始URL被重定向(302)到不同URL的情况下,我需要新的URL.

我可以使用jQuery $.get方法从加载的文档中获取最终的URL(在302重定向之后)吗?


更新

根据下面的反馈,我将我的代码更新为此,但我仍然没有得到最终的URL:

$.get(url, function(html, status, xhr){
    console.log(xhr.getResponseHeader('TM-finalURL')); // result: null
});
Run Code Online (Sandbox Code Playgroud)

记录所有响应标头xhr.getAllResponseHeaders()给我(对于具有302重定向的页面)以下结果:

Pragma: no-cache
Date: Fri, 28 Feb 2014 15:30:22 GMT
Server: Apache
X-Powered-By: PHP/5.3.28
Transfer-Encoding: chunked
Content-Type: text/html
Cache-Control: no-store, no-cache, must-revalidate, post-check=0, pre-check=0
Connection: Keep-Alive
Keep-Alive: timeout=15, max=100
Expires: Thu, 19 Nov 1981 08:52:00 GMT
Run Code Online (Sandbox Code Playgroud)

但没有最终的URL.我在这里理解错了吗?

javascript url jquery redirect

9
推荐指数
1
解决办法
4149
查看次数

jQuery $(document).ready总是等待异步脚本吗?

我想知道jQuery的$(document).ready()函数是否总是等待异步加载的脚本:

HTML

<script async src="...">
Run Code Online (Sandbox Code Playgroud)

JavaScript的

$(document).ready(function(){
   //is the script always loaded at this point?
});
Run Code Online (Sandbox Code Playgroud)

我在jQuery文档中找不到任何对此假设的确认.是否存在明确规定的来源?

jquery asynchronous document-ready

9
推荐指数
0
解决办法
153
查看次数

如何控制锚着陆位置

我们目前存在这样的问题,即www.example.com/#section形式的链接不会跳转到正确的位置,因为我们在顶部有一个固定的导航,它覆盖了网站的第一部分.

<div id="anchorpoint">Some content here</div>
Run Code Online (Sandbox Code Playgroud)

我们如何告诉浏览器跳转到锚点位置+ 100px?

谢谢.

html anchor scroll fixed

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