我目前正试图遍历一组Tooltipsters,以便可以使用JQuery编辑所有内容。
我注意到了一个奇怪的问题,经过一番调查,我发现Tooltipster在DOM中的行为非常奇怪。
我正在循环浏览laravel中当前的3个项目,并像这样输出它们
@foreach($images as $key => $image)
<div class="tooltip_templates user_image_setting_tooltip">
<span id="user_image_settings_{{$key}}">
<p><strong>Name:</strong> {{$image->nice_name}}</p>
<p><strong>Size:</strong> 2903423</p>
<button class="btn tooltip-button-secondary" onclick="setUserPrimaryImage({{$image->id}},{{$user->id}}, this)">Make Primary Photo</button>
</span>
</div>
@endforeach()
现在,当运行setUserPrimaryImage
函数时,我想将所有其他工具提示的按钮内容更改为“制作主图像”,以便随后将1个当前按钮更改为“当前主图像”,因此每次只能有1个是“当前主映像”。
我已经检查了DOM,当页面第一次加载时,tooltip templates
都位于DOM中,位于应放置的位置,然后一旦其中一个加载,它就会从其原始位置消失放置,并加载到页面底部的tooltipser-base
元素中。
奇怪的是,当我然后关闭工具提示时,内容没有重置回原来的位置,显然它完全消失了!这意味着当我尝试遍历所有工具提示进行编辑时,一旦单击它们,便无法再使用它们!
有人知道解决这个问题的方法吗?