小编Ian*_*Ian的帖子

我在使用JQuery Library"Rounded Corners"在IE中工作时遇到了问题.我想要做的就是在Internet Explorer中模拟div上的border-radius.我已经在Firefox中使用了插件,但我认为这是因为这个插件利用了CSS属性.我也让它在IE中工作,但仅限于基本的DIV.

这是插件的主页:http://jquery.malsup.com/corner/

这是代码:

CSS

<style>
#mydiv { /*basic CSS for the DIV*/
    border: 1px solid #76B4EA;
    border-bottom: none;
    box-shadow: inset -10px 10px 30px #e0e0e0, 2px -2px 1px #707070;
    background: #fff;
    width: 200px;
    height: 80px;
    margin-top: 21px;
    z-index: 3;
    margin-left:2px; 
    position: absolute
}
#ie-shadow { /*code for a cross-browser shadow*/
    display: none;
}
</style>
<!--[if lte IE 8]>/*more code for the cross-browser shadow*/
<style>
#ie-shadow {
    display: block;
    position: absolute;
    top: 17px;
    left: 2px;
    width: …

这有点令人困惑,但我会尽力解释它.我有4个select菜单直接放在一起,有absolute定位.在任何时候,其中三个是不可见的(带display: none;),而其中一个是可见的(带display: inline;).我有一个JavaScript代码,可以检测哪个是可见的,然后它应该获取input字段的值,将其附加到可见的值select,然后转到该URL.

这是代码中的基本思想:

<form onsubmit="goTo()">

    <input type="text" id="query" value="" />

    <select class="service">
      <option value="https://www.google.com/search?q=" selected>Web</option>
      <option value="https://www.google.com/search?tbm=isch&q=">Images</option>
      <option value="https://www.google.com/maps?q=">Maps</option>
    </select>

    <select class="service">
      <option value="http://search.yahoo.com/search?p=" selected>Web</option>
      <option value="http://search.yahoo.com/search/images?p=">Images</option>
      <option value="http://search.yahoo.com/search/video?p=">Videos</option>
    </select>

    <select class="service">
      <option value="http://www.bing.com/?q=" selected>Web</option>
      <option value="http://www.bing.com/images/?q=">Images</option>
      <option value="http://www.bing.com/videos/?q=">Videos</option>
    </select>

    <select class="service">
      <option value="http://www.dogpile.com/info.dogpl.t6.2/search/web?q=" selected>Web</option>
      <option value="http://www.dogpile.com/info.dogpl.t6.2/search/images?q=Greeny">Images</option>
      <option value="http://www.dogpile.com/info.dogpl.t6.2/search/video?q=">Videos</option>
    <select>

    <button type="submit">Search</button>

和JavaScript(有比这更多的代码,但我只包括相关部分:

function goTo() {
  var value
  var elements = document.getElementsByClassName('service');
    for (var i = 0; …

根据MDN,对象的size属性Map应该表示Map对象具有的条目数.但是,如果我创建一个空Map并使用括号表示法(不确定其正式名称是什么)来添加键/值对,size则不会更新该属性.但是,如果我使用该Map.set(key, value)函数,则更新属性.为什么是这样？

例:

var ex = new Map();
ex['key1'] = 'value1';
ex.set('key2', 'value2');

运行后,ex.size返回1.

我有一个Firefox插件,它在sub.example.com的每个页面上注入/执行jQuery脚本.由于设计不当,该脚本无法在网站的一个页面上运行.如果某个元素位于页面上,有没有办法阻止脚本被执行？

编辑:我正在使用的脚本必须在 DOM加载之前执行.有没有办法访问HTML文件本身,并找出该元素是否存在？

我有一个带有以下代码的Firefox插件:

$("table > tbody > tr > td[width='600']").wrapInner("<div id='content_cont' />");

这行代码执行,但它之后的所有行都不执行.它会在Firefox错误控制台中抛出一个错误,该错误的代码超过500KB.

码:

An exception occurred.
Traceback (most recent call last):
  File "resource://jid0-ib8arkgejpxo7qidkuieut5rquk-at-jetpack/flvs-educator-release-version/data/redesign.js", line 49, in 
    $("table > tbody > tr > td[width='600']").wrapInner("<div id='content_cont' />");
  File "resource://jid0-ib8arkgejpxo7qidkuieut5rquk-at-jetpack/flvs-educator-release-version/data/jquery.js", line 2, in .wrapInner
    (function(a,b){function G(a){var b=F[a]={};return p.each(a.split(s)...<tons of meaningless code>...&define("jquery",[],function(){return p})})(window);
ReferenceError: Begin is not defined

我无法弄清楚为什么这样做.语法错了吗？

如果我只有一个header包含图像的链接(锚),就像这样:

<a href="index.html" title="Home">
  <img src="http://placehold.it/200x50" alt="Site Name">
</a>

这可以访问吗？该alt属性似乎被覆盖title的属性.我知道这title通常不是必需的,但是因为没有描述除alt文本之外的链接(因为图像在这种情况下是一个站点徽标而只有站点名称),所以title应该说该链接回到了家.我无法添加任何文本,因为我不想用CSS隐藏它; 这不符合渐进增强.

在这种情况下链接描述应该放在哪里？Alt还是title？什么是最佳做法？