我需要帮助的网页位于http://djdavid98.zymichost.com/.bio/
我的问题是,正如您将能够在源代码中看到的那样,div
我的页面上有 2 个:(
注意“hu”和“en”属性,它们被 JS 使用)
<div hu>
- content -
<table>
<tr><td>- stuff -</td></tr>
</table>
</div>
<div style="display:none;" en>
- content -
<table>
<tr><td>- stuff -</td></tr>
</table>
</div>
这是我使用的 JS。jQuery:
//readCookie() is a different function for reading a cookie that was set before.
if (readCookie('lang') == "en"){
$('*[hu]').hide()
$('*[en]').show()
}
因此,如果lang
cookie 的值设置为en
,它将隐藏任何具有该hu
属性的内容,并显示任何具有该en
属性的内容。
当我检查谷歌浏览器如何加载页面内容时,问题就出现了:(
第二个div
被附加到第一个,当第一个被隐藏时,第二个也不会显示)
<div style="display:none;" hu>
- content -
<table>
<tr><td>- stuff -</td></tr>
</table>
<div en>
- content -
<table>
<tr><td>- stuff -</td></tr>
</table>
</div>
</div>
我尝试将第一个 div 更改为span
,与第二个相同,但都没有解决合并问题。我猜这与表格有关,因为页面的其他部分不受此问题的影响。
那么,我该如何解决这个问题?
注意:在页面上,可以使用JS控制台设置cookies,使用createCookie('lang',['en'|'hu'],2)