我想使用jQuery来封装一个mailto:锚定一个电子邮件地址,但它也抓住了CMS正在生成的空白区域.
这是我必须使用的HTML,我拥有的脚本和输出的副本.
HTML
<div class="field field-type-text field-field-email">
<div class="field-item">
name@example.com </div>
</div>
Run Code Online (Sandbox Code Playgroud)
jQuery JavaScript
$(document).ready(function(){
$('div.field-field-email .field-item').each(function(){
var emailAdd = $(this).text();
$(this).wrapInner('<a href="mailto:' + emailAdd + '"></a>');
});
});
Run Code Online (Sandbox Code Playgroud)
生成的HTML
<div class="field field-type-text field-field-email">
<div class="field-items"><a href="mailto:%0A%20%20%20%20name@example.com%20%20%20%20">
name@example.com </a></div>
</div>
Run Code Online (Sandbox Code Playgroud)
虽然我怀疑其他人在阅读这个问题时可能只想剥离领先和拖尾的空白,但我很高兴失去所有的空白,因为它是我正在包装的电子邮件地址.
我们正在对我们的主精灵进行更改,并且我正在讨论完全更改其名称或在末尾添加查询字符串的好处.
保持旧版本支持Google缓存,archive.com等是有逻辑的,但如果我只是编辑文件并在CSS图像调用中添加查询字符串,它在我们的系统上也会更清晰:
#element-id { background-image: url('my-sprite.png?version1'); }
Run Code Online (Sandbox Code Playgroud)
我的问题是,有没有人知道在CSS文件中使用查询字符串缓存破坏的任何浏览器问题?
我怀疑浏览器是否以相同的方式处理css图像请求,无论是来自CSS文件还是通过HTML,因此,只要我的服务器正确表达标题信息,我就应该没问题.
我应该在哪里指点某人学习HTML/CSS的基础知识?我个人从当天的HTMLGoodies方式开始,但是当我感谢肯·伯恩斯让我去的时候,我现在厌恶派人到那个网站,因为我觉得它已经过时了.
显然,有很多网站累积包含所需的所有信息,但在哪里发送新的你不想吓跑的人?
编辑:
我老实以为我没有使用w3schools.com就错过了一些东西,但我看到他们使用的教程的三页内(包括html和xhtml)<b></b>.该死的耻辱他们不鼓励语义.
任何人都知道一些让人们站起来的东西吗?
我有一个动画菜单,但我想在动画发生时禁用点击.
<div></div>
<div></div>
<div></div>
$("div").click(function() {
$(this).animate({height: "200px"}, 2000);
return false;
});
Run Code Online (Sandbox Code Playgroud)
但是,我想在事件发生时禁用所有按钮,并禁用单击的div.
我正在考虑将一个类添加到被点击的div中,并将点击仅放在没有该类的div上:
$("div").not("clicked").click(function() {
$(this).animate({height: "200px"}, 2000).addClass("clicked");
return false;
});
Run Code Online (Sandbox Code Playgroud)
但这似乎不起作用(我认为它在逻辑上)?
任何帮助赞赏.
干杯,
史蒂夫
我真的不喜欢使用select/option元素进行链接:

但他们已经找到了进入设计师组合的方式作为一种选择,并尽可能地阻止他们使用它们,我知道如果没有谷歌的力量和"它对SEO的坏处"我将失去战斗.
我在网上搜索,找不到任何具体的支持或揭穿我的想法.
我写的选择列表将最终具有完全可访问性,后端脚本可以跟踪链接,但是有人知道搜索引擎是否会遵循或忽略URL?
<form action="/redirect-script" method="post">
<label for="url-selection">Redirect to: </label>
<select id="url-selection" name="url_redirect">
<option value="http://example.com/" >Example.COM</option>
<option value="http://example.net/" >Example.NET</option>
<option value="http://example.org/" >Example.ORG</option>
</select>
<input type="submit" value="Go to URL" />
</form>
Run Code Online (Sandbox Code Playgroud) 有很多人问"为什么我们不应该使用表来构建我们的HTML",虽然有很多答案,但我很少看到有人被转换为语义世界.也就是说,我还没有看到任何令人信服的反驳,以支持我们为什么(或可能)使用表格的理由.
有人提供表格是有效结构标记的理由吗?
2008年11月7日
考虑到这个问题并没有像我想象的那样消失,我想我最好澄清一下我的问题并解释它的存在.
通过在"DIVs vs. TABLEs"问题之后多次阅读"表格更容易"的论点,我感到非常沮丧,我想更多地提出这个问题,而不是让表爱好者如此轻易地摆脱困境.
对于他们自己的其他人可能会说,但我永远会被给予一些应用程序来放置我们的网站,这些应用程序是由一些"表更容易"的开发人员创建的,它将大量糟糕的HTML转储到我的页面中,说实话,我我只是没有看到足够的表爱好者听到这些争论.
有人在当天使用Mambo吗?任何人都不得不采取行动将设计置于微软的Sharepoint之上?不得不通过所有嵌套的表废话来战斗你的方式是地狱,并考虑它是由一些血腥的好编程员写的惹恼了我.合理的语义标记已存在很长时间,开发人员仍然没有理由支持"表格更容易".表格并不容易 - 它们很懒惰!
我的问题应该是消极代表所呈现的消极方式,但我仍然在等待人们接受他们使用表格的唯一原因是因为他们不知道HTML.因为如果他们这样做了,那么就像jjrv所说的那样,他们会理解表格是用于表格数据的.
我正在考虑通过将其移动到外部jQuery脚本来收紧我们的广告代码,但我显然仍需要一些HTML来定位广告.所以我想知道我是否可以定位一个noscript元素(或者在一个noscript元素中)因为我不得不将它留在页面上,或者我是否需要为JavaScript定位一些其他元素?
<noscript>
<div class="ad"><a href="foo"><img src="bar" alt="ad" /></a></div>
</noscript>
Run Code Online (Sandbox Code Playgroud)
我的意图是改变或删除noscript元素.
通常作为网络制作人,我会得到一个可爱的模型,文字环绕着明显的背景图像.内容将来自后端CMS,我不希望编辑人员担心插入<br />标签等.
Lorem ipsum dolor sit amet, consectetuer adiping elit, xxxxxxxxxxxxxx
sed diam nonummy nibh euismod tincidunt ut lao xxxxxxxxxxxxxxxxxx
dolore magna aliquam erat volutpat. Ut wisi xxxxxxxxxxxxxxxxxxxxxxxxx
enim ad minim veniam, quis nostrud exerci xxxxxxxxxxxxxxxxxxxxxxxxxxx
tation ullamcorper suscipit lobortis xxxxxxxxxxxxxxxxxxxxxxxxxxxxx
ut aliquip ex ea commodo consequat. xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Duis autem vel eum iriure dolor in xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
hendrerit in vulputate velit esse xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
molestie consequat, vel illum xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Run Code Online (Sandbox Code Playgroud)
有没有人知道通过脚本,css使这种事情自动化的解决方案?
与此问题类似,我想在成功提交ajax表单时运行函数,但我无法直接访问加载表单的初始ajax代码.
鉴于我无法在初始ajax成功调用中添加代码,我如何检查表单是否成功?
$('#registration-form').submit( function() {
alert('registered successfully');
});
Run Code Online (Sandbox Code Playgroud) 这可能是一个简单的问题,我有点尴尬地问它,但我一直在使用这段JavaScript广告代码一段时间,这让我感到困扰,它对我来说从来没有真正有意义,可能已经过时了现在有了现代浏览器.我的问题是,我们是否还需要检查浏览器类型,以及脚本的第二部分是做什么的?
<script type="text/javascript">
document.write('<scr' + 'ipt src="" type="text/javascript"></scr' + 'ipt>');
</script>
<script type="text/javascript">
if ((!document.images && navigator.userAgent.indexOf('Mozilla/2.') >= 0) || navigator.userAgent.indexOf("WebTV")>= 0) {
document.write('<a href="">');
document.write('<img src="" border="0" alt="" /></a>');
}
</script>
Run Code Online (Sandbox Code Playgroud)
我想澄清一下,我实际上是在给某人调用一些广告代码,所以虽然我可以检查浏览器类型,但这确实是代码管理员的责任.如果我能把它变成jQuery,我会喜欢它 - 但是我在调用时遇到了麻烦(请参阅下面的其他帖子).
我想知道的是,我还需要检查这些浏览器类型吗?
干杯,
史蒂夫
html ×5
javascript ×5
jquery ×5
css ×4
semantics ×2
ajax ×1
caching ×1
html-select ×1
option ×1
seo ×1