希望有人可以给我一些指示.我试图在单击按钮后向div添加"脉动"效果.
我写的以下脚本很好并且确实有效 - 但是我理想的是它喜欢在背景颜色之间交替而不是完全淡化div.
我使用了错误的效果吗?或者有没有一种方法可以结合脉冲和亮点?
$(document).ready(function() {
$("li#emailSellerLink a").click(function(){
$("#contactColumn").effect( "pulsate", {times:3}, 5000 );
});
});
Run Code Online (Sandbox Code Playgroud)
谢谢
我有一个通过CSS调整大小的图像,在HTML页面上显示为100x100px.单击时,我想在彩色框中打开图像 - 这样用户就可以看到正常显示的非调整大小/压缩版本.
我已经研究了如何将href的路径设置为自身(因此不必每次都更改)(见下文),虽然不确定如何使colorbox部分工作 - 我尝试改变'each'到'colorbox' - 根据你通常如何分配颜色框,它打开,它只是不加载图像:S
任何指针都会很棒 -
<div class="logoImage"><img src="../tym_img_shared/background-2.jpg" alt="Your company logo" /></div>
$(document).ready(function(){
$('div.logoImage img').each(function(){
var $this = $(this);
$this.wrap('<a href="' + $this.attr('src') + '"></a>');
});
Run Code Online (Sandbox Code Playgroud)
});
更新:考虑一下,也许更容易设置链接的're'属性设置源?
更新:
$(document).ready(function(){
$('div.logoImage img').each(function(){
var $this = $(this);
$this.wrap('<a rel="gallery" href="' + $this.attr('src') + '"></a>');
});
});
Run Code Online (Sandbox Code Playgroud)
由于某种原因不起作用 - 但是如果我对URL和rel进行硬编码呢?
我正在为一位朋友开发一个婚礼网站.它使用下面的jQuery在点击导航点时为页面添加"平滑滚动"效果.
我将为iPad和iPhone添加一个自适应布局 - 但他们热衷于尽快推出它,我需要转向邀请!
无论如何,我在iPad上遇到了奇怪的行为 - 因为平滑滚动仅适用于你点击的第一个链接 - 然后没有一个nab链接触发行为/似乎可点击.
我假设这是固定导航的问题 - 但它在我测试过的所有其他(mac)浏览器和我的iPhone上都有效.
该网站在这里
http://www.elandsebswedding.co.uk/main-page/
jQuery在这里:
$("nav ul li a, #logo a").click(function(event){
//prevent the default action for the click event
event.preventDefault();
var full_url = this.href;
var parts = full_url.split("#");
var trgt = parts[1];
var target_offset = $("#"+trgt).offset();
var target_top = target_offset.top;
$('html, body').animate({scrollTop:target_top -130}, 500);
});
Run Code Online (Sandbox Code Playgroud)
任何建议/工作将不胜感激!
我有一个场景,如果它包含 UL,我想更改 div 的样式。基本上,它是一个错误面板,显示在表单的顶部。如果用户触发了一个错误,则文本居中对齐,如果用户触发了多个错误,则我希望显示 ul,但希望文本向左对齐。
我已经尝试过以下方法,但似乎不起作用 - 任何提示将不胜感激。
谢谢
$('.validationSummary').has('ul').css('text-align', 'left');
Run Code Online (Sandbox Code Playgroud)
<div class="validationSummary">Please correct the errors highlighted below
<ul>
<li>Error 1</li>
<li>Error 2</li>
<li>Error 3</li>
<li>Error 4</li>
</ul>
</div>
Run Code Online (Sandbox Code Playgroud)