Javascript 问题：在刺激控制器中使用查询选择器检索动态元素

当在我的控制器中查询元素时，我无法检索到我想要的元素，即使当我在浏览器控制台中运行相同的代码时，它可以完美地找到它们（例如，我可以在我的检查器中看到id为

title1

）。从这个意义上说，我想知道是否有一些我缺少的刺激信息，比如如何检索非静态的特定元素，或者为什么刺激不喜欢查询选择器

代码如下：

a） 在

app/views/legictions/show.html.erb

中：

<div data-controller="slideshow">
<% titles.each do |title| %>
   <div id="title<%= title.number %>" data-target="slide">
      <h3>Title <%= title.number %>
   </div>
<% end %>
</div>

---

感谢您的指导/帮助

在调用

幻灯片

控制器中的

showFinished

操作时，您能否提供一些上下文信息？我不认为刺激计划对QuerySelector有任何不利之处，因为它们似乎是隐藏在幕后的

---

我不确定这与你正在经历的问题有什么关系，但我想指出一些与刺激中使用的命名约定有关的东西，以防它引起其他奇怪的副作用。在中，它们显示

数据目标的命名约定为
控制器标识符。目标名称
：



在此示例中，
搜索
是
控制器标识符
和
查询
，
错误消息
，和
结果
是3个不同的
目标名称
s。要使用此约定，您应该具有以下内容：

<div data-controller="slideshow">
<% titles.each do |title| %>
   <div id="title<%= title.number %>" data-target="slideshow.slide">
      <h3>Title <%= title.number %></h3>
   </div>
<% end %>
</div>


标题

注意：我还添加了一个缺少的
标记，我也认为它与您遇到的问题无关。
您能否提供一些有关调用
幻灯片
控制器中的
showFinished
操作的上下文？我不认为刺激计划对QuerySelector有任何不利之处，因为它们似乎是隐藏在幕后的


我不确定这与你正在经历的问题有什么关系，但我想指出一些与刺激中使用的命名约定有关的东西，以防它引起其他奇怪的副作用。在中，它们显示
数据目标的命名约定为
控制器标识符。目标名称
：



在此示例中，
搜索
是
控制器标识符
和
查询
，
错误消息
，和
结果
是3个不同的
目标名称
s。要使用此约定，您应该具有以下内容：

<div data-controller="slideshow">
<% titles.each do |title| %>
   <div id="title<%= title.number %>" data-target="slideshow.slide">
      <h3>Title <%= title.number %></h3>
   </div>
<% end %>
</div>


标题

注意：我还添加了一个缺少的
标记，我认为这与您遇到的问题无关