标签: cross-browser

如何禁用页面上的所有onclick事件,绑定我的自定义函数,并在执行后启用所有以前的事件？

我建立一个书签,它应该已经任意加载页面上工作,我使用jQuery来处理我的自定义逻辑(它被加载后的页面jquerified).请注意,我没有任何控制哪些事件和何时被绑定.

目前我找到的最好的稳定解决方案是取消绑定事件,通过自定义函数绑定阻止默认操作,然后重新加载页面.这有效,但我想避免重新加载.部分解决方法是重新加载页面并滚动到上一个位置(如何实现此效果？).一些可能的解决方案会使用iframe,但我宁愿避免这种情况.

我的网站没有显示相应的字体,PT Sans.ttc.我检查了其他浏览器,它工作正常.

www.farmap-ux.com.下面是CSS代码.

@font-face
{
font-family: PT Sans;
font-family: font-family: 'PT Sans', sans-serif;
src: url("http://fonts.googleapis.com/css?family=PT+Sans")
}

所以它适用于我所说的一切(Chrome,Safari,甚至Opera!)任何想法？我试图找到字体的.woff文件,但我不认为它在我的字体书中.

我有一个悬停的问题.它们在IE中运行良好,但不适用于Mozilla Firefox或Chrome.我猜它是因为它相当模糊,每一个td但是现在这就是我需要的东西.这是小提琴(不工作)http://jsfiddle.net/233qG/提前谢谢.

HTML

<table>
    <tr>
        <td>one</td>
    </tr>
    <tr>
        <td>two</td>
    </tr>
    <tr>
        <td>three</td>
    </tr>
</table>
<div class="modalPop">Modal Information</div>

CSS

div.modalPop
{
    display:none;
    position:absolute;
    border:solid 1px black;
    padding:8px;
    background-color:white;
    margin: 280px 50px 0 0;
    z-index: 9999;
}
a.modalPop:hover + div.modalPop
{
    display:block;
}
div.modalPop:hover
{
    display:block;
}

jQuery

$(document).ready(function(){
    $('td').hover(
      function(){$('.modalPop' + this).stop().hide().fadeIn('slow');},
      function(){$('.modalPop' + this).stop(true, true).fadeOut('slow');}
    );  
});

我有一些CSS和HTML,其中font-size明确地设置为13px,并且大多数情况下它保持这种状态,但有时Nexus 7上的Chrome有时会显示14px的同一页面的一部分;

不幸的是,我无法在jsfiddle中重现这个问题,所以我不确定是怎么回事.

在我尝试在http://jsfiddle.net/K9hyG/2/重新创建问题时,可以看到一些我用来影响font-family和font-size的样式.

使用Chrome调试器时,我可以在Computed Style中看到以下其中一个有问题的段落:

border-collapse: separate;
color: rgb(51,51,51);
display: block;
font-family: Optima, Lucia, 'MgOpen Cosmetica', 'Lucida Sans Unicode', sans-serif;
font-size: 14px;
    font[size="2"] - 13px   default.aspx:427
    body - 13px             default.aspx:2
height: 36px;
text-align: left;
text-shadow: rgb(255,255,255) 0px 1px 0px;
width: 877px;

text-shadow是由我使用jQuery Mobile生成的.在Chrome调试器中,会出现text-shadow指令的两个实例.一个继承自div.ui-page.ui-body-c.ui-page-active(ui-body-c是激活组件),另一个来自body.ui-mobile-viewport.ui-overlay-c,( ui-overlay-c是激活组件),但两个定义来自主题文件中CSS的相同部分.

如果我停用其中一个,违规段落实际上会在Chrome调试器中更改为13px,但在设备上看起来仍然相同.如果它们在Chrome调试器中都已停用,则会返回到14px.即使文本阴影设置为,这仍然会发生rgb(255,255,255) 0px 0px 0px.

我看过这篇文章,但这个问题基本上没有得到解决.

我有什么理由不使用函数引用作为对象的属性/键吗？此代码适用于Chrome,Firefox和IE8,但"只是因为有效的东西......"

var x = {}

var a = function() { return 'a' };
var b = function() { return 'b' };

x[a] = 1
x[b] = 2

x[a] === x[a] // returns true
x[a] === x[b] // returns false
x[b] === x[b] // returns true
x[a] // returns 1
x[b] // returns 2

我的文字行从几个单词到一个完整的单词.我需要将文本水平居中,最重要的是垂直居中.

CSS在垂直居中方面真的不必要地失败了(来吧)但是我发现了一个可以在IE10和Chrome中运行的解决方案,它实际上也适用于firefox,但是firefox将div推到容器下方.

html/css看起来像:

<div style="position:absolute;">
    <div style="position:relative;width:343.17em;height: 237.38em>
      <svg for cloud />
    </div>
    <div style="position:relative;top:-210em;left:30em;width:240em;height: 180em;display: table-cell;vertical-align: middle;text-align: center">
       <p style="text-align: center;display:inline-block">v-center me</p>
    </div>
</div>

在Chrome和IE上它看起来像:

在FF看起来像:

编辑:这是一个显示确切问题的小提琴.查看铬然后FF.

http://jsfiddle.net/AwokeKnowing/PJJce/

我知道关于这个主题已经有很多主题,但我还没有找到任何有用的内容.我有一个jquery代码来显示和隐藏div.

在Chrome中这很好用,在FireFox中则没有

我用chrome检查了我的控制台,说'event.returnValue已被弃用.请改用标准的event.preventDefault().

但是我没有event.returnValue.此建议也无效(event.preventDefault)

这是我的js:

<script>
$(document).ready(function(){
    $(".aanmelden_event").click(function(){
        event.preventDefault();
        $(".event_subscribe").toggleClass("uitgeklapt");
    });
});
</script>

这是我的css:

.event_subscribe{
    height: 0px;
    overflow:hidden;
    transition: all 2s;
    -webkit-transition: all 2s; /* Safari */
}

额外的课程:

.event_subscribe.uitgeklapt{
    height: 800px;

}

我认为这是我的jquery,event.preventDefault.我还试过e.preventdefault和其他主题的其他一些建议的解决方案.不幸的是,没有工作.

有人知道我在做错了吗？我用jquery-1.10.2.min.js btw.

谢谢

我的任务是开发一个在线表格,然后将其打印成预先印制的表格.此表格稍后将被扫描并进行OCR编辑,并且规格要求与印刷表格上的字段的偏移小于1mm.

我花了几个小时在CSS中设置排版和边距以实现完美对齐,但却发现在不同品牌的打印机上,结果差不多5毫米.然后,我尝试在打印前将整个表单渲染为PDF,但结果显示各种打印机的可打印区域边距不同.

所以我想创建一个可执行文件,从打印机驱动程序读取这些值并相应地对齐PDF /图像.我也有一个想法,这个信息也许可以通过浏览器插件/插件获得,但在开始工作之前,我想问一下你认为什么是解决这个对齐问题的最佳方法,最好这样做跨平台工作(win,linux,mac)和跨浏览器(IE,FF,chrome)？

我在我的网站上使用svg动画,但它也必须在不支持svg的旧版浏览器中运行.我可以通过重定向到静态页面来解决这个问题.

但是甚至可以在javascript的帮助下检测浏览器是否支持svg？

任何帮助,将不胜感激.

我在Chrome中的所有移动模拟器中测试我的网站.

这里没有moto g模拟器.我的测试团队在moto g中说问题.有人可以帮助如何测试摩托罗拉.

提前致谢.