Add a loading prompt for the article title link

21:08:36, February 17, 2011 WordPress seventy 21,186 Reading mode

abstract Clicking the link of article title will prompt that it is loading It looks fun, doesn't it. For specific effects, click the title link of my blog post. Now let's teach you how to add this special effect to your theme template. This special effect is also inseparable from jQuery. First

Clicking the link of article title will prompt that it is loading It looks fun, doesn't it. For specific effects, click the title link of my blog post. Now let's teach you how to add this special effect to your theme template.

This special effect is also inseparable from JQuery.

First, open the header.php template file of the theme you are using, and add the following before the tag:

1. <script type= "text/javascript" src= " http://jqueryjs.googlecode.com/files/jquery-1.2.3.min.js " ></script>

If your theme has been loaded with JQuery, this step is unnecessary.

Then add the following code to the front of the</head>tag

<script type= "text/javascript" >
$(document).ready( function () {
$('h2 a').click( function (){
myloadoriginal = this .text;
$( this ）. text ('Loading force... ');
var myload = this ;
setTimeout( function () { $(myload).text(myloadoriginal); }, 2011);
});
});
</script>

"H2 a" is the tag selector for the title of the topic article, which can be modified according to the specific topic template. If it is changed to "a", the special effect can be added to all links. The following number 2011 is the display time of this special effect (milliseconds), which can be modified as appropriate.

How to add HotNews pro version 2.4

HotNews pro version 2.4 has loaded multiple header.php files, so it is more convenient to write directly to the loaded js file. Add the following code directly to the end of the custom.js file:

//Prompt during loading
$(document).ready( function (){
$('h3 a,.tab ul li ul a,.cat_post a').click( function (){
myloadoriginal = this .text;
$( this ）. text ('Loading force... ');
var myload = this ;
setTimeout( function () { $(myload).text(myloadoriginal); }, 2011);
});
});

For the above JS code, if there is a bug in Opera browser proposed by children's shoes, it should be replaced by:

//Prompt during loading
$(document).ready(function(){
$('h3 a,.tab ul li ul a,.cat_post a,.r_comments a').click(function(){
$( this ）. text ('Loading force... ');
window.location = $( this ).attr('href');
});
});

It is found that adding special effects will affect some multi tag browsers. Open the link in the new tag, and the current tag will jump to the link page at the same time.

Most of the articles on this site are original and used for personal learning records, which may be helpful to you, for reference only!

My Wechat

WeChat copied

Copyright Notice

Please indicate the source and link of the original article reprinted on this site. Thank you for your cooperation!

Get this topic

five hundred and ninety-eight million eight hundred and forty-five thousand and six

Please add Q: 598845006

Multi functional theme Begin

This article is written by Robin Published on February 17, 2011 at 21:08:36
Please specify: https://zmingcx.com/add-the-link-for-the-title-of-the-article-prompted-loading.html |Robin

WordPress
JQuery
JQuery Tutorial
Wordpress Tutorial

five hundred and ninety-eight million eight hundred and forty-five thousand and six

Please add Q: 598845006

Multi functional theme Begin

Comments seventy Visitors fifty Author sixteen

kael seven
February 17, 2011 21:21:50 Taizhou City, Zhejiang Province one F
reply
The first one to grab the sofa~~Ha ha, finally it's used!
People who can see the wind six
22:24:18, February 17, 2011 Huaihua City, Hunan Province two F
reply
Why does the page display in Chrome remain unchanged after I add the code to the JS file, but it has changed in 360 browser-
And how to add the inserted image at the top right of your comment bar~
- Robin
  22:50:37, February 17, 2011 China B one
  reply
  @ People who can see the wind Never use chrome, not clear
  The image button has not been added successfully
  - Alphas one
    14:34:51, November 14, 2011 Beijing B two
    reply
    @ Robin I also use Chrome code effectively, but there is a problem that the current tag will jump to the link page at the same time when the link is opened in the new tag
    How to solve it
- People who can see the wind six
  22:50:44, February 17, 2011 Huaihua City, Hunan Province B one
  reply
  @ People who can see the wind At present, Chrome also shows changes. How can it be delayed-
People who can see the wind six
22:43:48, February 17, 2011 Huaihua City, Hunan Province three F
reply
Another problem is that if I enable the WP No Category Base plug-in, the category in other places will not be displayed, but there is a category in the address of the current small icon in the column.
- Robin
  22:49:34, February 17, 2011 China B one
  reply
  @ People who can see the wind No research on plug-ins
  - People who can see the wind six
    22:53:43, February 17, 2011 Huaihua City, Hunan Province B two
    reply
    @ Robin This plug-in just wants to remove the category from the link address, reduce the hierarchy, and directly display the column name, followed by the article address.
remai8 one
22:44:06, February 17, 2011 Songzi City, Jingzhou City, Hubei Province four F
reply
I have changed to your topic now, but I can't comment or leave messages. What's the reason? Please give me some advice!!
This is my website: http://www.remai8.info/
- Robin
  22:49:16, February 17, 2011 China B one
  reply
  @ remai8 Probably because your Win host has function limitations
  It's better not to use a junk Win host when playing WP
People who can see the wind six
22:46:29, February 17, 2011 Huaihua City, Hunan Province five F
reply
Another question is, after enabling the wp share list plug-in, do you need to select to enable "jquery1.4.2 library for plug-in introduction" in the plug-in background
- Robin
  23:08:05, February 17, 2011 China B one
  reply
  @ People who can see the wind Try it yourself and you will know
  It should not be used. The topic has loaded jquery
  - People who can see the wind six
    February 17, 2011 23:27:18 Huaihua City, Hunan Province B two
    reply
    @ Robin I have tried. Only when I select "jquery 1.4.2 library for plug-in introduction" can I have magnifying glass effect~no effect is selected
People who can see the wind six
22:48:51, February 17, 2011 Huaihua City, Hunan Province six F
reply
There is still another question. How to realize your "notify me by email when someone replies" method after replying to comments. Maybe I have a lot of questions, hope to get answers~~
- Robin
  23:10:31, February 17, 2011 China B one
  reply
  @ People who can see the wind Functions written by Gao Ren, I just copy and paste them
  - People who can see the wind six
    February 17, 2011 23:28:04 Huaihua City, Hunan Province B two
    reply
    @ Robin I don't know whether I can provide enough methods for this expert.
    - Robin
      23:37:30, February 17, 2011 China B three
      reply
      @ People who can see the wind http://kan.willin.org/?p=1279
      http://kan.willin.org/?p=1265
      - People who can see the wind six
        23:49:13, February 17, 2011 Huaihua City, Hunan Province B four
        reply
        @ Robin It's Master Willin, worshipping
Robin
23:19:00, February 17, 2011 China seven F
reply
Mapping Test
- People who can see the wind six
  23:30:12, February 17, 2011 Huaihua City, Hunan Province B one
  reply
  @ Robin -。-
  - People who can see the wind six
    23:32:09, February 17, 2011 Huaihua City, Hunan Province B two
    reply
    @ People who can see the wind Just tried, the image will exceed the boundary if it is too large~Do not use this function···
Active volcano zero
23:41:45, February 17, 2011 Guangzhou, Guangdong Province eight F
reply
Is this topic friendly to SEO? Please tell me, SEO is very important. I don't know whether it has been taken into consideration!
- People who can see the wind six
  23:50:08, February 17, 2011 Huaihua City, Hunan Province B one
  reply
  @ Active volcano Seems to have optimized SEO~
People who can see the wind six
00:00:12, February 18, 2011 Huaihua City, Hunan Province nine F
reply
Can you share the background image of your current web page? Or share more backgrounds suitable for this theme~~hehe
Mr. Bean six
00:06:16, February 18, 2011 Macao ten F
reply
When you have time to write a tutorial to teach us this function~good! Very powerful!
- People who can see the wind six
  00:18:41, February 18, 2011 Huaihua City, Hunan Province B one
  reply
  @ Mr. Bean http://kan.willin.org/?p=1265
  Please visit Master Willin
  - Mr. Bean six
    February 18, 2011 00:26:59 Macao B two
    reply
    @ People who can see the wind thank! But I think the tutorial UI and color matching of Brother Bird will match this theme better
    - Robin
      08:48:43, February 18, 2011 China B three
      reply
      @ Mr. Bean In fact, there is no need to change this code. I just set the location and add a border
      Paste the code later
      - Mr. Bean six
        09:47:31, February 18, 2011 Macao B four
        reply
        @ Robin Thanks again for the powerful and omnipotent Brother Bird!
        
        Robin
        13:34:55, February 18, 2011 China B five
        
        @ Mr. Bean Sweat
Niche media five
09:02:25, February 18, 2011 Zhengzhou City, Henan Province eleven F
reply
It's a dazzling style. I saw a lot of people standing there early, so I'll try it later...
Broken Words about Life five
09:17:50, February 18, 2011 Luoding City, Yunfu City, Guangdong Province twelve F
reply
[img] http://www.jszby.com/wp-content/uploads/2010/04/logo002.jpg [/img]
C.J.Y three
10:01:04, February 18, 2011 Shenzhen, Guangdong Province thirteen F
reply
Invalid under Opear... Do not go to the link page after loading
- Robin
  10:23:56, February 18, 2011 China B one
  reply
  @ C.J.Y It means Opear is abnormal and will disappear completely sooner or later
  Find out the reason later
JaCall four
10:31:52, February 18, 2011 Hefei, Anhui Province fourteen F
reply
This function is good! Added!
Morninglight Blog five
February 18, 2011 21:23:31 Changsha, Hunan Province fifteen F
reply
I really like this feature. I also got it on holiday. It's very nice!
★Extreme★ four
01:04:04, February 19, 2011 Dongguan City, Guangdong Province sixteen F
reply
JQuery is really powerful!!! Learn again!!!!
ordinary people three
February 19, 2011 16:21:02 Lin'an City, Hangzhou City, Zhejiang Province seventeen F
reply
Brother Bird, I found a slightly discordant place. According to your method, when you click on the latest articles, popular articles, random articles and other columns, the message "Loading with force..." will also appear, but it seems meaningless to see this here
[img] http://www.ade-bug.com/ade-bug-picture/ade-bug.jpg [/img]
- People who can see the wind six
  16:36:43, February 19, 2011 Huaihua City, Hunan Province B one
  reply
  @ ordinary people Indeed, I haven't noticed~~~~and if each one is clicked once, the three rankings are all under force loading
ordinary people three
18:19:11, February 19, 2011 Lin'an City, Hangzhou City, Zhejiang Province eighteen F
reply
Add a class="nogeili" to the three tags and tags, and then
$(this). text ('Loading under force... ');
Exclusion judgment is added before:
if($(this).attr(“class”).indexOf(“nogeili”)){
$(this). text ('Loading under force... ');
}
- Robin
  February 19, 2011 20:28:33 China B one
  reply
  @ ordinary people Very good technology
  Actually, it doesn't need to be so troublesome. Just change the tag selector. It has been updated
  - ordinary people three
    22:01:27, February 19, 2011 Lin'an City, Hangzhou City, Zhejiang Province B two
    reply
    @ Robin Shame, don't know about JQ, why didn't I think of this.. Brother Bird, do you do front-end development? Cowman!
    - ordinary people three
      22:07:43, February 19, 2011 Lin'an City, Hangzhou City, Zhejiang Province B three
      reply
      @ ordinary people Also, my code above is wrong, ha ha.
      Should be:
      if($(this).attr(“class”).indexOf(“nogeili”)==-1){
      $(this). text ('Loading under force... ');
      }
      But it doesn't work anymore.
      - Robin
        00:30:01, February 20, 2011 China B four
        reply
        @ ordinary people Let me try. It seems a bit troublesome, but many choices are also good
    - Robin
      00:26:02, February 20, 2011 China B three
      reply
      @ ordinary people Just a bad computer mechanic
appointment three
18:45:07, February 19, 2011 Zhaoqing City, Guangdong Province nineteen F
reply
Brother Bird, why does yours work under Google Chrome, but mine doesn't
Broken Words about Life five
20:03:02, February 19, 2011 Yunfu City, Guangdong Province twenty F
reply
It doesn't seem to be very useful. I won't do this for the time being.
wotry four
16:56:31, February 24, 2011 Jinhua City, Zhejiang Province twenty-one F
reply
It's fun, but I don't see the effect after adding it, whether in Google Chrome or Internet Explorer. It is useless to copy and upload the JS file of your website directly. Is it not loaded?
daydreamer one
19:39:10, February 27, 2011 Beijing twenty-two F
reply
I even succeeded
- oldtree zero
  March 7, 2011 01:32:43 Wuhan, Hubei Province B one
  reply
  @ daydreamer Why can't the background picture of 2.4 be displayed???
  - Robin
    20:56:52, March 8, 2011 China B two
    reply
    @ oldtree Find in the problem summary
Bakhtiyar three
10:04:32, March 10, 2011 Xi'an, Shaanxi Province twenty-three F
reply
Brother Bird, I used 2.4 After custom.js is changed, firefox does not display this effect, and other browsers can. Your blog also displays normally in Firefox. Thanks for your guidance.
- Robin
  10:41:41, March 10, 2011 China B one
  reply
  @ Bakhtiyar Although I don't know the text of your site, it seems to display normally
  - Bakhtiyar three
    11:47:55, March 10, 2011 Xi'an, Shaanxi Province B two
    reply
    @ Robin Brother Bird, you really saw my site, which made me so happy!! HotNews pro 2.4 I have translated it into Uighur, and here is your website link, hey hey... Thank you very much.
Moxia one
18:58:59, April 8, 2011 Hefei, Anhui Province twenty-four F
reply
Thank you. The effect is very good~
Two kilogram Qiqu two
09:30:47, April 14, 2011 Dongguan City, Guangdong Province twenty-five F
reply
It's used. It's too handsome. The bird is too big...
Smartree Smart Tree two
10:33:36, April 14, 2011 Shenzhen, Guangdong Province twenty-six F
reply
This experience is very good, reducing the blind perception of "waiting to load" by visitors
xwey one
21:20:33, April 16, 2011 Shenzhen, Guangdong Province twenty-seven F
reply
This is good. It is really available after local modification!
Fruits Basket two
08:26:19, May 4, 2011 Jinjiang City, Quanzhou City, Fujian Province twenty-eight F
reply
At present, there are 60 messages, including 42 visitors, 15 bloggers, and 3 citations
Brother Bird, how can you change this into your own?
Blueberry green tea four
19:25:26, May 11, 2011 Chengdu, Sichuan twenty-nine F
reply
This function is good. I've learned it~
Afternoon and summer zero
16:10:55, May 14, 2011 Shenzhen, Guangdong Province thirty F
reply
Hey hey, you've learned a trick to steal. Use it!
Yuannuono four
23:04:19, May 14, 2011 Wenzhou, Zhejiang Province thirty-one F
reply
I want to ask you how to display something like a bulletin board at the bottom of the page
- Robin
  23:44:32, May 14, 2011 China B one
  reply
  @ Yuannuono What I have here is not an announcement, but another form of log
  It seems that there is a similar plug-in, 100 poison search "WP toolbar"
oceanmen two
20:18:09, May 18, 2011 Qingdao, Shandong Province thirty-two F
reply
Done~ I felt it was very good
How to make money on the Internet one
23:31:27, August 11, 2011 Xiamen, Fujian Province thirty-three F
reply
The blogger's blog is really beautiful
Alphas one
12:13:52, November 16, 2011 Beijing thirty-four F
reply
It is found that adding special effects will affect some multi tag browsers. Open the link in the new tag, and the current tag will jump to the link page at the same time.
This is the case with my Chrome. How can I solve or cancel this function? I use your latest version 2.7