小编Sab*_*ste的帖子

很简单的问题,但我不确定是否可能.我想添加一个图像作为所有<h1>元素中的子弹.我知道我可以通过以下方式实现:

<span class='bullet'></span><h1>My H1 text here</h1>

用css:

.bullet{
    background: url('bullet.png') no-repeat;
    display:inline-block;
    vertical-align: middle;
    background-size:100%;
    height:25px;
    width:25px;
    margin-right: 5px;
}

但有没有一种自动的方法来做同样的事情？我想的是:

h1{
    list-style-image: url('bullet.png');
}

但这似乎只适用于<ul>元素.我真的不想在<span>元素之前到处粘贴<h1>元素.有任何想法吗？

我传统上使用一个filter_var()功能来清理$_GET和$_POST数据,例如:

 $foo =  filter_var($_GET['foo'], FILTER_SANITIZE_NUMBER_INT);

但PHP也有一个函数filter_input(),它有不同的语法来完成同样的事情:

$foo = filter_input(INPUT_GET, 'foo', FILTER_SANITIZE_NUMBER_INT);

这些只是同义词吗？使用一个优于另一个是否有优势？

我检查了手册页,但我没有看到很多区别(只是报告错误是否/如何报告).语义/最佳实践,最有意义的是什么？

在Javascript中,知道我可以设置一个数组,以便键是自动编号(从0开始)分配的数组:

var d_names = new Array("Sunday", "Monday", "Tuesday", 
              "Wednesday", "Thursday", "Friday", "Saturday");

// Key for Sunday is '0' 

如果我想分配密钥,我可以这样做:

    var d_names={};
    d_names[5]="Sunday";
    d_names[6]="Monday";
    d_names[7]="Tuesday";
    d_names[8]="Wednesday";
    d_names[9]="Thursday";
    d_names[10]="Friday";
    d_names[11]="Saturday";

    // Key for Sunday is '5'

但有没有像PHP中那样分配键的简写方法？

var d_names = new Array(5=>"Sunday", 6=>"Monday", 7=>"Tuesday", 8=>"Wednesday", 
            9=>"Thursday", 10=>"Friday", 11=>"Saturday"); 

// Doesn't work

我见过很多问题询问如何检测设备是否是移动设备。一般来说，它们分为三类：

1. 检查屏幕尺寸/视口
2. 检查用户代理
3. 使用Modernizr等库来解决浏览器功能。

在实施了我能做的事情之后，我仍然遇到了一种我从未见过的情况，从未被问及或解决过；在许多移动浏览器上，都有“请求桌面站点”(Chrome)、“桌面模式”(Dolphin) 或“桌面视图”(HTC Sense)。

我选择了上面的策略#1，除非在桌面模式下查看页面，否则该策略有效。实现#2 有缺点（欺骗、未编目代理等）。

是否有可靠的（跨浏览器）方法来使用Javascript 检测移动浏览器上的桌面模式？jQuery 或其他库都可以，但它应该基于功能检测，而不是用户代理数组。

我注意到最新级别的firefox(33.1)/ firebug(2.0.6),我的Javascript就停止了.

控制台不报告任何错误,没有任何问题的迹象.就在我点击可点击的项目时,没有任何动作.通过关闭firebug,Javascript再次运行.

Chrome(使用开发工具打开)或Opera(使用Dragonfly打开)不会发生这种情况.我尝试了几个不同的网站,结果相同.

这是一个firebug bug吗？或者我错过了某个地方的设置？

我有以下其他与firefox的插件:fireQuery(1.41),HTML Validator(0.9.5.8)Pocket(3.0.5)查看源码Char(3.05)

我正在寻找一种方法来scrollIntoView对用户浏览器的功能进行实时测试.这不是一个" caniuse "检查; 相反,我希望有优雅的退化.我正在使用jQuery,并希望使用preventDefault()if scrollIntoView功能.

我开始时:

        if (window.scrollIntoView) {
            e.preventDefault();
            $('p#result').text('scrollIntoView is available');
        } else {
            $('#result').text('scrollIntoView is not available');
        }

但我看到那window.scrollIntoView是undefined检查员.但是,因为scrollIntoView有效(在我的Chrome和FireFox版本中),它不应该是未定义的.我还有什么其他选择可以看看用户的浏览器是否支持该功能？

我°在JavaScript/jQuery中返回特殊字符(特别是),但它没有将实体转换为显示中的所需字符.如何正确显示度数标志？

它必须简单; 我错过了什么？我已经检查过decodeURL,但它没有做任何事情.

演示小提琴

HTML:

<p>Try to give answer is: </p>
<div id="target"></div>

<p>But should look like:</p>
<div> 5 &deg;C</div>

和jQuery的Javascript:

$('#target').text('5 °C');

输出:

我试图用jQuery UI对话框来解决z-index问题,类似于问题无法选择或取消选择jQuery UI模式对话框中的复选框,知道那里有错误报告.

因此,在尝试按照建议启动z-index时,我添加了以下代码:

$('#interface').click(function(evform){
  $('#interface').prop('z-index')=99999;
});

chrome和firefox console.log声明:

未捕获的ReferenceError:赋值中的左侧无效

但是,尽管出现错误,该复选框现在可以正常工作(每次都抛出控制台错误).如果我删除违规行,则该复选框变为"不可点击".我该如何正确编码呢？

我的HTML:

<div id="dialog" title="Loading...">
    <p id="interface">Loading...</p>
</div>

(顺便说一句,我尝试添加内联样式<p>,但它不起作用:

<p id="interface" style="z-index:99999">Loading...</p>

使用AJAX,我用有效的复选框html替换'#interface'的内容,例如:

<label for="right">
  <input name="right" type="checkbox">
</label>

我有通常的jQuery/Dialog UI文件.

最后一点,我试图发挥创意,因为这不起作用并手动切换复选框:

if ($(evform.target).prop('type')=="checkbox"){
      $(evform.target).checked;
}

*编辑更新*

截至2013年12月22日(EDGE预发行版)的jQuery核心,此错误已得到修复.我希望他们很快发布稳定版(我相信它将是v1.10)!你可以在jfiddle中测试它:http://jsfiddle.net/tj_vantoll/XXGQA/

http://bugs.jqueryui.com/ticket/6267

我正在使用 jQuery 附加一个元素，例如：

var mytop=100;
$(this).appendTo('.container')
       .last()
       .wrap('<div class="action" style="top:' + mytop + 'px;"></div>');

只是mytop一个计算出来的数字。由于新元素有 class action，它稍后应该通过添加 class 来更改顶部moveup，例如：

$('document').on('click', function(e){
   if($(e.target).hasClass('action')){
      $(this).addClass('moveup');
   }
});

使用 CSS 为：

.moveup{
   top:5px;
}

问题是，附加的内联 CSS<div>覆盖了类的 CSS。当点击这个新创建的项目时，它的顶部应该设置为 5px。

如何使用类的 CSS 覆盖内联 CSS？

我正在寻找调试的想法,不知道发生了什么.没有URI方案(例如)的所有直接链接http://都不能在锚中工作.所以假设我正在目录中的localhost上工作./includes/:

<a href="www.example.com">Example<a> 带你去 127.0.0.1/includes/www.example.com

而

<a href="http://www.example.com">Example<a> 带你去 www.example.com

使用其他目录中的文件也会失败:

<a href="www.example.com">Example<a>带您127.0.0.1/other/directory/www.example.com开始在当127.0.0.1/other/directory

这是一个基本的HTML编码页面.它是用PHP构建的,有几个.css文件和.js文件的链接.

我已确认:

• <base>项目文件中没有任何标记(netbeans项目搜索)
• 没有.htaccess文件在任何地方
• 任何地方都没有改编.
• 这是我的localhost(127.0.0.1)上的一个项目.但是,其他项目没有相同的问题.
• 上传到实时服务器时,我没有遇到同样的问题.

在Chrome调试器中,URI看起来是正确的,但是当我点击链接(例如www.example.com)时,它会将页面信息预先添加到该链接,从而导致其失败.奇怪的是,即使用CTRL-U 查看源代码,当我点击链接时,它也会带我到同一个不正确的URI!

对于firefox(和firebug)也是如此.

什么导致坏链接的想法？