我有一个input type="image".这类似于Microsoft Excel中的单元格注释.如果有人在input-image与之配对的文本框中输入一个数字,我会为其设置一个事件处理程序input-image.然后当用户点击时image,他们会得到一些弹出窗口,为数据添加一些注释.
我的问题是,当用户在文本框中输入零时,我需要禁用input-image事件处理程序.我试过以下,但无济于事.
$('#myimage').click(function { return false; });
Run Code Online (Sandbox Code Playgroud) 有时我使用锚作为按钮,有时我只使用按钮.我想禁用特定的clicky-things,以便:
我怎样才能做到这一点?
我在网页上有一个链接.当用户单击它时,页面上的小部件应该更新.但是,我正在做一些事情,因为默认功能(导航到不同的页面)发生在事件触发之前.
这就是链接的样子:
<a href="store/cart/" class="update-cart">Update Cart</a>
Run Code Online (Sandbox Code Playgroud)
这就是jQuery的样子:
$('.update-cart').click(function(e) {
e.stopPropagation();
updateCartWidget();
});
Run Code Online (Sandbox Code Playgroud)
问题是什么?
我试图在bootstrap中禁用选项卡.我一直在研究,我还没有找到解决方案.
我试过这个:你能在Bootstrap中禁用标签吗?
它引导我去引导问题......我也试过了$('.disabled').removeData('toggle');
我看了看这里.. https://github.com/twitter/bootstrap/issues/2764 解决方法尝试: - 返回假
jQuery禁用链接
解决方案尝试: -event.defaultPrevented();
然而,我还没有想出答案.到目前为止,我的问题是该选项卡将通过返回false来禁用.但是,当选项卡处于活动状态并且可以单击时,它将不会像它应该那样转换到其他选项卡.
jsfiddle:http://jsfiddle.net/de8QK/
这是我的代码:
$(document).ready(function(){
$('#store-tab').attr('class', 'disabled');
$('#bank-tab').attr('class', 'disabled active');
$('#store-tab').not('#store-tab.disabled').click(function(event){
$('#store-tab').attr('class', 'active');
$('#bank-tab').attr('class', '');
return true;
});
$('#bank-tab').not('#bank-tab.disabled').click(function(event){
$('#bank-tab').attr('class' ,'active');
$('#store-tab').attr('class', '');
return true;
});
$('#store-tab').click(function(event){return false;});
$('#bank-tab').click(function(event){return false;});
$('.selectKid').click(function(event){
$('.checkbox').removeAttr("disabled");
$('#bank-tab').attr('class', 'active');
$('#store-tab').attr('class', '');
});
});
Run Code Online (Sandbox Code Playgroud) 我有以下代码,它执行的功能类似于注释链接在Stackoverflow上的工作方式...单击时触发ActionResult并填充div
$(function() {
$("a[id ^='doneLink-']").live('click', function(event) {
match = this.id.match(/doneLink-(\d+)/);
container = $("div#doneContainer-" + match[1])
container.toggle();
if (container.is(":visible")) {
container.load($(this).attr("href"));
} else {
container.html("Loading...");
}
event.preventDefault();
});
});
Run Code Online (Sandbox Code Playgroud)
我希望能够做一件事情改变他们点击的链接文本,说出类似"隐藏"的内容,并禁用此链接所在的小菜单中的其他链接.
编辑: 使用此功能的源代码如下所示
<div id="dc_lifelistmenu"style="float:left;padding-bottom:5px;font-size:10pt;width:400px;">
<a href="/entries/addentry/86">Add Entry</a> |
<a href="/goals/adddaimoku/86" id="daimokuLink-2">Log Daimoku</a> |
<a href="/goals/done/86" id="doneLink-2">Mark Completed</a> |
<a href="/goals/remove/86">Remove</a>
</div><br />
<div id='daimokuContainer-2' style="display:none;"> Loading...</div>
<div id='doneContainer-2' style="display:none;"> Loading...</div>
Run Code Online (Sandbox Code Playgroud) 在取消绑定元素后,我需要有关绑定的帮助.基本上,我有三个锚元素,我想实现这个目标:
单击其中一个时,无法单击其他两个.然后,当用户单击关闭按钮时,我想绑定所有三个链接的click事件.
取消绑定不是问题,但绑定后退不起作用.我没有发布任何代码,因为我认为提供的解决方案一般都有效,而不仅仅是在我的情况下.
有没有其他方法可以实现我想要的,但不是使用bind/unbind或on/off?
编辑:
这就是我如何做到的.动画div被称为miniContainer.这是一个锚的样本,但对于这三个锚都是一样的.
//First Link
krug1Link.click(function(element){
if(miniContainer.hasClass('animirano')){
return false;
};
element.preventDefault();
miniContainer.stop().animate({ height:360 },{duration:500,easing: 'easeOutBack'});
miniTekst1.animate({opacity:'1'},1200);
polaroidMali.animate({opacity:'1'},1200);
miniContainer.addClass('animirano');
});
//Close Mini Container
close.click(function(element){
miniTekst1.animate({opacity:'0'},1200);
miniTekst2.animate({opacity:'0'},1200);
polaroidMali.animate({opacity:'0'},1200);
polaroidMali2.animate({opacity:'0'},1200);
miniContainer.animate({marginTop: 10, height:1},{duration:600,easing: 'easeInBack'});
miniContainer.removeClass('animirano');
});
Run Code Online (Sandbox Code Playgroud) jquery ×7
javascript ×3
html ×2
anchor ×1
asp.net-mvc ×1
binding ×1
click ×1
css ×1
events ×1
html-input ×1