Javascript 更改切换开关上的工具提示文本

如何更改切换开关上的工具提示文本。
1） 首先，默认情况下，我必须给出一些工具提示
2） 此外，每当我单击切换开关时，我都必须更改工具提示 但是下面的代码工作不正常

问题
1） 我得到的工具提示不正确。它不是来自基础。有谁能告诉我如何美化这个工具提示，或者只是添加一个基础类

谁能告诉我哪里做错了

我正在使用 基金会5版/P>

<ul class="header-info details collapse ch_en_switch">
    <li class="switch small" onclick="chn_tooltip"  id="chinese_toggle_tooltip" aria-haspopup="true" title="click to see player name in chinese">
      <span class="switch_text">EN</span>
      <input id="chn_eng_toggle" onclick="chinese_toggle" type="checkbox">
      <label for="chn_eng_toggle"></label>
      <span class="switch_text">CH</span>
    </li>
  </ul>




    function open_tooltip(){
       $(this).click(function(e){
       if ( $( '#chn_eng_toggle' ).is(':checked') ){
         $( '#chinese_toggle_tooltip' ).attr( 'title', '' )
         $( '#chinese_toggle_tooltip' ).attr( 'title', 'click to see player name in english' ).foundation('toggle')
       }
       else{
         $( '#chinese_toggle_tooltip' ).attr( 'title', '' )
         $( '#chinese_toggle_tooltip' ).attr( 'title', 'click to see player name in chinese' ).foundation('toggle')
       }
       });
    }

EN
中国


函数打开\u工具提示（）{
$（此）。单击（函数（e）{
如果（$（'chn#u eng_toggle'）。是（'checked'））{
$（'chinese'u toggle'u tooltip'）.attr（'title'，''）
$（'chinese#toggletooltip'）.attr（'title'，'click to see player name in english'）.foundation（'toggle'））
}
否则{
$（'chinese'u toggle'u tooltip'）.attr（'title'，''）
$（'chinese#toggletooltip'）.attr（'title'，'click to see player name in chinese'）.foundation（'toggle'））
}
});
}

试试这个

EN
中国


函数打开\u工具提示（）{
如果（$（“\chn\u eng\u toggle”）。为（“：选中”））{
$（'chinese'u toggle'u tooltip'）.attr（'title'，'aniket'）；
}否则{
$（'chinese'u toggle'u tooltip'）.attr（'title'，'shivam'）；
}
}

在JavaScript代码片段中，

$（此）

返回未定义的元素。将其更改为：

if( $ ( '#chn_eng_toggle' ).is( ':checked' ) )

函数打开\u工具提示（）{
如果（$（'chn#u eng_toggle'）。是（'checked'））
$（'chinese'u toggle'u tooltip'）.attr（'title'，'aniket'）
其他的
$（'chinese'u toggle'u tooltip'）.attr（'title'，'shivam'）
}

标签{
位置：相对位置；
显示：内联块；
宽度：40px；
高度：12像素
}
标签输入{
显示：无
}
.滑块{
位置：绝对位置；
光标：指针；
排名：0；
左：0；
右：0；
底部：0；
背景色：#ccc；
-webkit转换：.4s；
转换：.4s
}
.滑块：之前{
位置：绝对位置；
内容：“；
高度：8px；
宽度：18px；
左：2px；
底部：2px；
背景色：白色；
-webkit转换：.4s；
转换：.4s
}
输入：选中+滑块{
背景色：#2196F3
}
输入：焦点+.滑块{
盒影：0 0 1px#2196F3
}
输入：选中+。滑块：之前{
-webkit转换：translateX（18px）；
-ms变换：translateX（18px）；
转换：translateX（18px）
}

EN
中国

它不是复选框。在您的情况下，当我们第一次运行文本时，它是“默认文本”。之后，当我们切换到它，然后我们得到“aniket”和“shivam”。只有2个工具提示消息也应该出现，您给出的工具提示不是来自基金会。

if( $ ( '#chn_eng_toggle' ).is( ':checked' ) )