0

ユーザーがクリックしたときに、URL から /groups/ を削除したい

裏話は、ページ (BP グループ) へのリンクを表示する wordpress ウィジェットがあり、ユーザーがクリックすると、代わりに各グループ用に作成したページに送信されるようにすることです (budypress でホームページを作成できなかったため)。

ページの URL をグループ ページと同じになるように設定しましたが、/groups/ を削除すると、ウィジェットは代わりにユーザーを私のページに送ります。

たとえば、訪問者は http://focallocal.org/groups/up-cycling-workshop-with-londons- ではなく http://focallocal.org/up-cycling-workshop-with-londons-homeless/ に送信さ れ ます 。ホームレス/

私は何年もそれを研究してきましたが、これは私が思いついた最高のものです（私はjsを話せません）：

'onclick="location.replace(/groups/,"")'

要求された html を編集:

イベント、グループ、プロジェクトを閉じる アクティブ | 人気 

        <ul id="groups-list" class="item-list">
                                <li class="odd public is-admin is-member">
                    <div class="item-avatar">
                        <a href="h t t p://focallocal. org/groups/up-cycling-workshop-with-londons-homeless/" title="Up-cycling Workshop with the Homeless"><img src="h t t p://focallocal. org/wp-content/uploads/group-avatars/4/a4ce0d8153497b96869a9b46e7ff391f-bpthumb.jpg" class="avatar group-4-avatar avatar- photo" width="50" height="50" alt="Group logo of Up-cycling Workshop with the Homeless" title="Up-cycling Workshop with the Homeless"></a>
                    </div>

                    <div class="item">
                        <div class="item-title"><a href="h t t p://focallocal. org/groups/up-cycling-workshop-with-londons-homeless/" title="Up-cycling Workshop with the Homeless">Up-cycling Workshop with the Homeless</a></div>
                        <div class="item-meta">
                            <span class="activity">
                            active 1 week, 1 day ago                                </span>
                        </div>
                    </div>
                </li>

                                <li class="even public is-admin is-member">
                    <div class="item-avatar">
                        <a href=" h t t p://focallocal. org/groups/public-relations-marketing-and-advertising-team/" title="Public Relations, Marketing and Advertising Team"><img src="http://focallocal.org/wp-content/uploads/group-avatars/2/05196f60439a3fe01b9855f267805180-bpthumb.jpg" class="avatar group-2-avatar avatar- photo" width="50" height="50" alt="Group logo of Public Relations, Marketing and Advertising Team" title="Public Relations, Marketing and Advertising Team"></a>
                    </div>

                    <div class="item">
                        <div class="item-title"><a href="h t t p://focallocal. org/groups/public-relations-marketing-and-advertising-team/" title="Public Relations, Marketing and Advertising Team">Public Relations, Marketing and Advertising Team</a></div>
                        <div class="item-meta">
                            <span class="activity">
                            active 1 month, 3 weeks ago                             </span>
                        </div>
                    </div>
                </li>

                                <li class="odd 
                        </ul>
        <input type="hidden" id="_wpnonce-groups" name="_wpnonce-groups" value="e2870f6aee"><input type="hidden" name="_wp_http_referer" value="/">         <input type="hidden" name="groups_widget_max" id="groups_widget_max" value="300">


    </div>  </div></div><div id="tab_slide_background" class="tab_slide_corners_right"></div></div></div>
4

1 に答える 1

1

jQueryを使用しているようですので、これを行うことができます：

$('#groups-list a').each(function(){
   var $this = $(this); 
   var href = $this.attr('href');

    href = href.replace('groups/', '');
    $this.attr('href', href);

});

これを行うこともできます：

 $('#groups-list a[href*="groups"]').each(function(){ this.href = this.href.replace('/groups', '');  });

プレーンな JavaScript :

 var anchors = document.querySelectorAll( "#groups-list a[href*='group']");

for (var i = 0; i < anchors.length; i++) {
var anchor = anchors[i];
anchor.href = anchor.href.replace('/groups', '');

}
于 2014-01-20T21:47:42.610 に答える