table of contents not support chinese word

Hi,

I’m not sure if Chinese characters are supported in general to be honest with you: https://electrictoolbox.com/valid-characters-html-id-attribute/. Does it work if you try to link to it manually?

<a href="your.site/p=382#標題">Anchor link</a>

Best regards,
Rikard

Hi,
Sorry for the late reply, this function will add the text character to the url of the TOC so the anchor links will work, unfortunately this will only work if the whole TOC is Chinese, because it brakes the English links.
Try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_toc_script(){
  ?>
  <script>
(function($){
  $(document).ready(function(){
  $(".avia-toc-container a.avia-toc-link").each(function(){
    var character = $(this).find("span").text();
    $(this).attr('href', function() {
    return "#" + character;
});
});
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_toc_script');

Please let us know if you want to use English and Chinese TOC’s on the same site, we can have this code only work on the pages to have the Chinese TOC.

Best regards,
Mike

Hi,
Thank you for the link, I see your site is getting the error jQuery is not defined and your theme options are not showing the option Enfold Theme Options > Performance > Load jQuery in your footer

This is a sign that your webhost has set your scripts to be loaded in the footer, which brakes the jQuery.
There are different scripts that your webhost can use to move the jQuery to the footer, please ask them to remove their code, probably in the “wp-config.php” file.

Best regards,
Mike

Hi,
Thank you for getting this option displayed, did they tell you how they had done it? We want it disabled so I did that for you. It seems the sidebar was loading after the script ran, so I added a delay to the script, now it’s working fine.
Please clear your browser cache and check.

The final code:

function custom_toc_script(){
  ?>
  <script>
(function($){
  $(document).ready(function(){
	  setTimeout(function () {
  $(".avia-toc-container a.avia-toc-link").each(function(){
    var character = $(this).find("span").text();
    $(this).attr('href', function() {
    return "#" + character;
});
});
		  }, 2000);
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_toc_script');

Best regards,
Mike

Hi,
Sorry for the late reply, I see you are now getting the error “Cannot read property ‘top’ of undefined” when the links are clicked, it seems related to the language, for example when I copy the link I get this:
http://51.dr104.com.tw/?p=382#%E6%A8%99%E9%A1%8C%E4%B8%89 instead of:
http://51.dr104.com.tw/?p=382#標題三

Best regards,
Mike