ajax调用后jQuery更新li类属性href

乔帕男孩

我正在使用我的Wordpress网站,并有一个弹出模式窗口,其中仅显示一些单选按钮(#input_1_1)。当更改单选按钮字段的值时,将运行ajax调用并执行简单的mySql表更新。一切顺利,我想更改我最初用于打开窗口的href的文本。

下面是到目前为止我得到的javascript,但是从底部开始的第二个JQuery行不执行我想要的更改。甚至不只是尝试更改简单的目标URL。

    jQuery(document).ready(function(){
        jQuery("#input_1_1").change(function(){
            jQuery("body").css("cursor", "wait");
            var commitmentID = jQuery("#gform_1 input[type='radio']:checked").val();
            jQuery('#popmake-710').popmake('close');
            jQuery.ajax({
                url:"<?php bloginfo( 'wpurl' ); ?>/wp-admin/admin-ajax.php",
                type:'POST',
                data:'action=gf_submit_1_1&commitmentID=' + commitmentID,
                success:function(results)
                {
                    //Here is the problem I've been working on for too many hours/days now
                    jQuery("#et-secondary-nav > li.popmake-fast-select-commitment.current_commitment_text.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-563").attr('href',"http://www.TheSameUrlButILikeADifferentTextToIt.com");
                    //See line above
                    jQuery("body").css("cursor", "default");
                }
            });
        });
    });

这就是页面那部分的HTML外观

        <div id="et-secondary-menu">
        <ul id="et-secondary-nav" class="menu">
            <li class="bp-menu bp-profile-nav menu-item menu-item-type-custom menu-item-object-custom menu-item-152"></li>
            <li class="popmake-fast-select-commitment current_commitment_text menu-item menu-item-type-post_type menu-item-object-page menu-item-563" style="cursor: pointer;">
                <a href="http://www.myoriginalurlisjustfine.com/">
                    <i class="wp-svg-heart heart"></i>
                    THIS IS THE TEXT THAT I WANT TO HAVE CHANGED BY THE JQUERY AND IS THE TEXT PRESENTED IN THE SECONDARY WORDPRESS MENU
                </a>
            </li>

穆罕默德·优素福

使用时

jQuery("#et-secondary-nav > li.popmake-fast-select-commitment.current_commitment_text.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-563") 

这将只选择没有href属性的li,因此您需要使用(> a

jQuery("#et-secondary-nav > li.popmake-fast-select-commitment.current_commitment_text.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-563 > a").attr('href',"http://www.TheSameUrlButILikeADifferentTextToIt.com");

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

ajax调用后jQuery更新li类属性href

来自分类Dev

ajax调用后无法在jquery中获取更新的cookie值

来自分类Dev

Ajax调用后更新图像

来自分类Dev

javascript ajax调用后调用了jquery

来自分类Dev

Ajax调用后的数据属性长度检查

来自分类Dev

在Ajax调用后如何更新会话?

来自分类Dev

反应:AJAX调用后状态未更新

来自分类Dev

将jQuery更新至1.10.2后,Ajax调用后jQuery Range Slider不起作用

来自分类Dev

JQUERY-ajax调用后冒泡

来自分类Dev

Ajax调用后在Jquery中循环

来自分类Dev

阻止 jQuery 在 ajax 调用后加载图像

来自分类Dev

在jquery对话框中完成ajax调用后需要使用model属性

来自分类Dev

jQuery ajax调用后,Angular控制器范围未更新

来自分类Dev

未在Ajax调用的成功函数中设置javascript类属性

来自分类Dev

表css属性在ajax调用后未更改

来自分类Dev

在ajax调用后淡入

来自分类Dev

om-Ajax调用后数据未更新

来自分类Dev

AngularJS ng-repeat在Ajax调用后不更新

来自分类Dev

在ajax调用后Angular js打开模态-不更新html

来自分类Dev

进行Ajax调用后jQuery函数无法正常工作

来自分类Dev

使用jQuery进行AJAX调用后,JSON数据消失

来自分类Dev

ajax调用后jQuery UI datepicker重新初始化

来自分类Dev

AJAX调用后jQuery功能不起作用

来自分类Dev

jQuery Datepicker在Ajax调用后不起作用

来自分类Dev

jQuery函数在Ajax调用后不起作用

来自分类Dev

成功的ajax调用后,jQuery悬停效果停止工作

来自分类Dev

进行AJAX调用后,我的jQuery函数死亡

来自分类Dev

在Ajax调用后向JQuery keyup()添加延迟

来自分类Dev

为什么在JQuery ajax调用后重新加载页面?