屏幕阅读器无法读取更新后的值

时间:2018-09-24 09:48:17

标签: javascript jquery

当前在span标记(在类.next内部)中,它们是“当前处于活动状态的第1页”。但是,当我单击锚标记(.next类)时,span标记迅速更新为“当前处于活动状态的第2页”。问题是屏幕阅读器无法读取 新的更新值,它仍显示为“当前处于活动状态的第1页”。

点击之前:

<a class="prev" role="button" tabindex="0">
    <span class="screenreader"></span>
</a>
<a class="next" role="button" tabindex="0">
    <span class="screenreader">page 1 currently active</span>
</a>

点击后:

<a class="prev" role="button" tabindex="0"><span class="screenreader"></span></a>
<a class="next" role="button" tabindex="0"><span class="screenreader">page 2 currently active</span></a>

在jQuery中:

var txt="page 2 currently active";
$(".next .screenreader").html(txt);

首选链接查看图像。在图像中,您可以看到我在第3页上,但屏幕阅读器仍然在第2页上

https://i.stack.imgur.com/scCl2.png

0 个答案:

没有答案