Tag: jQuery的

jQuery – 如果URL匹配href,那么将LI移到UL的顶部?

一直试图让这个工作失败。 任何帮助,将不胜感激。 搜索UL,如果任何href等于当前URL,则将其列表项移动到UL列表堆栈的顶部。 var url = window.location.toString(); $(‘#partnerCharities li.panel h1 a’).each(function(){ var myHref= $(this).attr(‘href’); if( url.match( myHref)) { $(this).parent().parent().parent().before(“#slider1 li:first”); } }); 它是一个动态创建的列表(图库),所以不确定这是不是jQuery不起作用的原因? 这是你在Firebug中看到的粗略布局…… Example

$(this)对象在jquery post()后变为未定义

在我的网站的登录页面上,我有两个相同的登录表单。 一个在页面的主体中,第二个被加载到标题中的Login链接的jquery对话框中。 我已经删除了所有相同的ID并使用了类。 我想要做的是:在用户单击对话框中的提交后,我试图将错误消息放入正确的DIV中,但是在jquery post()或ajax调用之后我得到$(this)未定义。 $(‘.login-submit’).live(‘click’, function(){ alert($(this).attr(‘class’)); // THIS WORKS var form = $(this).parent(‘form’).get(0); var values = $(this).parent(‘form’).serialize(); $.post(‘/users/login’,values,function(data){ if(!data[‘success’]) { alert($(this).attr(‘class’)); // THIS SAYS UNDEFINED // TRYING TO DO THIS $(this).siblings(‘.form-error’).html(data[‘error’]); } },’json’); }); 这是HTML:

jquery禁用页面的一部分

我正在页面顶部显示一个无模式jquery对话框。 当显示对话框时,我希望只允许用户与页面的某个部分进行交互(主要是因为我不希望它们离开或点击导致回发的其他控件)。 我认为使用jquery与modal dialog使用的相同机制会很好,除了禁用整个页面,禁用除了我希望保持活动的部分之外的所有部分。 有人知道jquerymodal dialog如何做到这一点或有更好的建议?

单击链接后无法点击链接 – jquery

我试图在点击链接后使链接无法点击,然后点击另一个链接后再点击。 基本上只是一个切换但我需要使活动链接不可点击以防止切换。 这是我的代码: $(document).ready(function(){ $(“#Espanol”).hide(); $(“#espLink”).addClass(“nonSelected”); // Make english link unclickable $(“#espLink”).click(function(){ $(“#engLink”).addClass(“nonSelected”); $(“#espLink”).removeClass(“nonSelected”); $(“#English”).toggle(); $(“#Espanol”).toggle(); // need to make espanol link unclickable // and english link clickable }); $(“#engLink”).click(function(){ $(“#espLink”).addClass(“nonSelected”); $(“#engLink”).removeClass(“nonSelected”); $(“#English”).toggle(); $(“#Espanol”).toggle(); // need to make english link unclickable // and espanol link clickable }); }); 和HTML: English | Español 有人知道怎么做吗?

如何在单击父时更改Checkbox属性

我需要你的小建议。 在里面的复选框属性的onclick应该改变。里面也有一个 HTML代码: Product 4Product Description 4Price 4 Product 5Product Description 5Price 5 这是我的代码: $(‘.sample’).click(function() { row =$this.parents(“td”); row.siblings().find(“input:checkbox”).attr(“checked”,”checked” ); } }); }); 请有人帮帮我!

如何计算jQuery对象中某个类型的所有元素?

假设我有一个内容不确定的jQuery对象(可能是动态选择器或HTML字符串): var $o = $(something); 现在,例如,我如何计算jQuery对象本身包含多少 对象(即没有包含元素的后代)? 我可以 var l = $o.filter( function () { return $(this).is(“div”); } ).length; 其他想法?

获取两个元素之间的文本JQUERY

我的应用程序中有以下代码。 Need this text 我需要在“accordprefix”和“accordsuffix”类之间获取文本,这是“需要此文本” 为此,我做了以下代码。 $(window).load(function(){ $(“.accordprefix”).each(function(){ alert($(this).next().html()); }); }); 但它不起作用。请提出任何建议。

PrependTo项仅在Jquery中的ONCE

我有以下DOM树关系 我想要做的是在.table-class移动.div-class ,但是当我使用prependTo(‘.div-class’)运行jQuery时,我得到以下输出: 我只需要在.table-class移动.table-class的第一个/立即出现。 有什么指针吗?

根据选项元素中的文本进行选项选择

我试图在下拉列表中选择具有传递给函数的文本值,获取它的值,然后选择具有该值的选项的选项。 你能明白为什么这不起作用吗? function selectAndAddToCart(value) { console.log(‘The selectAndAddToCart onclick value is ‘ + value); var optionToSelect = $j(‘#attribute136’).find(‘option[text=”‘ + value + ‘”]’).val(); //select the option with the node text that equals value //select the option with the node text that equals value var vals = $j(‘#attribute136’).val() || []; vals.push(optionToSelect); $j(‘#attribute136’).val(vals); //initiate add to cart function productAddToCartForm.submit(this); […]

用户单击后退或前进按钮时运行jQuery ajax函数

我有以下示例,当用户单击导航行时,它使用AJAX加载某些内容,并使用jquery history.js https://github.com/browserstate/History.js/插件更新url和title一些HTML5历史。 ajaxNav: function () { $(‘#uiTabs li a, .ajax’).live(‘click’, function (e) { e.preventDefault(); $(”).appendTo(‘body’).hide().fadeIn(); var url = $(this).attr(‘href’); var bodyid = $(this).data(‘body’); $.ajax({ url: url, timeout: 5000, success: function (responseHtml) { isAjaxNav = true; var content = $(responseHtml).find(‘#ajax-nav-html’); $(‘.uiContent > .uiPadding’).html(content.hide().fadeIn(‘slow’)); History.pushState(null, $(responseHtml).filter(‘title’).text(), url); $(‘body’).attr(‘id’, bodyid); $(‘#uiLoader’).fadeOut(function () { $(‘#uiLoader’).remove() }); }, error: […]