我无法onclick="location.href='link.html'"在Safari(5.0.4)中加载新页面.
我正在使用<select>和<option>HTML标签构建一个下拉导航菜单.我在点击菜单项后使用onClick处理程序加载新页面,但在Safari中没有任何反应.(我已经在FF和Opera中成功测试过了.)我知道Safari中有很多onClick错误,但我找不到解决这个特定问题的任何解决方案.
您可以在下面看到我的代码示例:
<select>
<option onclick="location.href='unit_01.htm'">Unit 1</option>
</select>
Run Code Online (Sandbox Code Playgroud)
和
<select>
<option onclick="location.href='#5.2'">Bookmark 2</option>
</select>
Run Code Online (Sandbox Code Playgroud)
我不(并且不愿意)在我的HTML的head部分中嵌入任何javascript.我正在为不知道如何使用javascript的人开发页面 - 所以代码越简单越好.)
什么JavaScript代码会使菜单项在所有浏览器中都可点击?(请验证与IE的兼容性.)
使用这两个jQuery片段有什么区别?
.append( $(this).contents() );
// and
.append( $(this).html() );
Run Code Online (Sandbox Code Playgroud) 我正在尝试了解iOS上的缩放属性.
根据Apple的Developer Docs,声明<meta name="viewport" content="width=device-width">将告诉iOS在页面加载时以纵向模式将网页缩放到1:1的像素比率.
根据HTML5Boilerplate 上的人们的演示(参见幻灯片13)device-width,无论设备的方向如何,都将始终对应于iOS设备屏幕的较小尺寸.
因此,如果您<meta name="viewport" content="width=device-width">在横向保持设备的同时使用声明在iOS中加载页面,iOS将根据屏幕的高度设置视口的宽度,从而产生1.5:1(iPhone 4s)或2: 1(iPhone 5)像素比.
我是否正确,或者我误解了Apple使用它们时"宽度"和"设备宽度"的定义?
此外,当iOS设备旋转时,视口保持什么?这是宽度,还是它的规模?它取决于元设置吗?
我无法window.location.hash = location.hash在Safari中工作.
我正在使用javascript来封装我的页面内容,其中包含一个可滚动的DIV,位于我网页的导航栏下方.由于当javascript运行时滚动条的位置被重置,我丢失了URL设置的原始哈希位置.我需要重新提示哈希位置,而无需使用javascript重新加载页面,所以我正在使用window.location.hash = location.hash.它适用于IE8,Firefox和Opera,但它在Safari中不起作用.(我也会假设Chrome,但我没有检查).有什么建议?
提示:我喜欢jQuery.
我正在使用jQuery重新格式化一些非常糟糕的HTML.我需要将兄弟<font>元素拼接在一起.我试过这段代码:
$('font+font').each(function() {
this.html().appendTo( this.prev() );
this.remove();
});
Run Code Online (Sandbox Code Playgroud)
但它给了我这个错误:TypeError:'undefined'不是一个函数(评估'this.html()')
这是HTML的示例:
<font>This fragment </font><font>is actually one element.</font>
更新
我更新了我的代码$(this),但它仍然无法正常工作.当我运行此代码时
$('font+font').each(function() {
$(this).html().appendTo( $(this).prev() );
$(this).remove();
});
Run Code Online (Sandbox Code Playgroud)
我收到此错误:TypeError:'undefined'不是函数(评估'$(this).html().appendTo($(this).prev())')
我正在使用jQuery重写DOM以将无JS HTML页面转换为JS驱动器页面.我在转换图像链接时遇到了一个小故障.在原始代码中我有:
<div class="f">
<a href="images/Fig-03-2.png" target="_blank">
<img src="images/fig-03-2.png" alt="Fig 3.3" />
</a>
</div>
Run Code Online (Sandbox Code Playgroud)
......我想把它变成:
<div class="f">
<a>
<img src="images/fig-03-2.png" alt="Fig 3.3" onclick="imagepop("fig-03-2.png")/>
</a>
</div>
Run Code Online (Sandbox Code Playgroud)
我无法弄清楚如何编写onclick属性,以便它包含img src值作为imagepop参数.我试过了:
$(".f a").attr('onclick', 'imagepop(' + $(this).attr('src') + ')' );
Run Code Online (Sandbox Code Playgroud)
...但$(this).attr('src')返回"未定义".
我该如何修复我的代码行?或者img src从imagepop函数内部读取属性会更好吗?
**注意,我还没有开发页面,因此每个div都有一个唯一的ID,并且不打算这样做.<div>标签内的所有元素都没有分配ID.
javascript ×5
html ×4
jquery ×3
onclick ×2
safari ×2
webkit ×2
attributes ×1
ios ×1
this ×1
viewport ×1