新项目的所有列表项弹出框立即显示在hover-Javascript上
因此,我的页面上有一个来自SQL Server数据库的项目分类列表。我也有星星旁边的新项目,以提请用户注意。当用户将鼠标悬停在每个新项目上时,我的代码有望显示每个新项目的弹出框。我的问题是,无论我停留在哪个新项目/星星上,它们都会同时出现。我尝试对每个项目使用for循环,并在不同的尝试中为每个新项目的所有列表项弹出框立即显示在hover-Javascript上,javascript,jquery,html,Javascript,Jquery,Html,因此,我的页面上有一个来自SQL Server数据库的项目分类列表。我也有星星旁边的新项目,以提请用户注意。当用户将鼠标悬停在每个新项目上时,我的代码有望显示每个新项目的弹出框。我的问题是,无论我停留在哪个新项目/星星上,它们都会同时出现。我尝试对每个项目使用for循环,并在不同的尝试中为每个提供一个唯一的类或id。这是代码在数据库中循环的一部分,也显示“new” 这是实例化popover的代码 <script type="text/javascript"> $(documen
提供一个唯一的类或id。这是代码在数据库中循环的一部分,也显示“new”
这是实例化popover的代码
<script type="text/javascript">
$(document).ready(function() {
$('.icon-star').popover(options);
});
</script>
<script>
$("i").hover(function () {
$('.icon-star').popover('show');
});
</script>
$(文档).ready(函数(){
$('.icon-star').popover(可选);
});
$(“i”).hover(函数(){
$('.icon-star').popover('show');
});
在不知道“popover”函数属于哪个库的情况下,我认为您需要稍微修改一下javascript。$(“i”).hover(…)代码将使您的popover发生在所有“i”元素上
尝试以下方法:
<script type="text/javascript">
$(document).ready(function() {
$('.icon-star').popover('show');
});
</script>
$(文档).ready(函数(){
$('.icon-star').popover('show');
});
我想如果你想让他们单独坐在飞机上,你必须给他们不同的id,为什么你要在标签下问一个/问题。。?编辑以包含准确的标记。哦,JavaScript在客户端工作;发布呈现的HTML(“查看源”),而不是生成HTML的PHP。所有id必须是唯一的是。不过,我需要为每个新项目使用相同的popover,因此相同的id。回答jnunn仍然会给我相同的问题,我将只使用类而不是id,popover仍然会同时显示,因为我使用相同的类。而且,不可否认,这是我第一次使用stackoverflow,代码中包含了一些php,因此我将其作为标记包含。无论如何,我解决了它,我只是用$this关键字代替了“.icon star”@jnunn
<script type="text/javascript">
$(document).ready(function() {
$('.icon-star').popover('show');
});
</script>