AI Search
Classic Search
 Search Phrase:
 Search Type:
Advanced search options
 Search in Forums:
 Search in date period:

 Sort Search Results by:

Filter by custom fields

Topic prefix

AI Assistant
Notifications
Clear all

[Closed] How to fix this JavasScript to change the sequence of div tags on my webpage?

2 Posts
2 Users
0 Reactions
1,138 Views
Posts: 1
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@madeline)
New Member
Joined: 5 years ago
[#15867]

I need to move around a div tag with wpf-topic-tags, so it shows just above the div tag with wpf-topic-form-wrap. I have tried using these 3 lines of code and none of them seems to work.

$(document).ready(function() {
$('.wpf-topic-tags').remove().insertBefore('.wpf-topic-form-wrap');
jQuery('.wpf-topic-tags').prependTo('.wpf-topic-form-wrap');
jQuery('.wpf-topic-tags').insertBefore('.wpf-topic-form-wrap');

});

I will appreciate if someone can please point me in the same direction.

Thanks.

 In case useful, I have wpForo like this  and I am trying to move the Tags field to be moved to show just before the Title field.


Topic Tags
1 Reply
Sofy
Posts: 5774
 Sofy
Admin
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@sofy)
Support Team
Joined: 8 years ago

@madeline,

Try this one:

jQuery(document).ready(function() {
     jQuery("#wpforo #wpforo-wrap .wpf-topic-tags").prependTo(".wpf-topic-form-wrap")
});

It should work fine. 


Share: