Javascript 如何根据条件显示具有唯一项目符号的无序列表?
我正在从sql server生成一个列表,根据新记录和旧记录对其进行过滤,并在网页上以各自的类别显示它们。我想为旧记录和新记录显示唯一的列表项目符号。我现在得到的是每个类别的每一张唱片的混搭。列表项的图标来自一些使用glyphicons的twitter引导css。新记录也有一个弹出框,悬停显示。列表生成代码Javascript 如何根据条件显示具有唯一项目符号的无序列表?,javascript,list,Javascript,List,我正在从sql server生成一个列表,根据新记录和旧记录对其进行过滤,并在网页上以各自的类别显示它们。我想为旧记录和新记录显示唯一的列表项目符号。我现在得到的是每个类别的每一张唱片的混搭。列表项的图标来自一些使用glyphicons的twitter引导css。新记录也有一个弹出框,悬停显示。列表生成代码 foreach($resultArray as $category_name => $items) { echo '<h3>'. $category_name.'&
foreach($resultArray as $category_name => $items)
{
echo '<h3>'. $category_name.'</h3><ul>';
foreach($items as $itemid => $itemDetails)
{
?>
<li class="<?php if(strtotime($itemDetails['posted']) > (strtotime('-30 days'))){echo 'icon-star';} else {echo '';} ?>" data-content="This item is new on Corkboard. Check it out!" data-original-title="New Item">
<?php
echo '<a href="newGenView.php?id='.$itemid.'">'.$itemDetails['name'].' - '.$itemDetails['description'].'</a>';
?>
</li>
<?php
}//foreach
echo '</ul>';
}//foreach
?>
foreach($resultArray作为$category\u name=>$items)
{
回显“.$category_name.”;
foreach($itemid=>$itemDetails形式的项目)
{
?>
我有这些脚本标签:
<script type="text/javascript" src="assets/js/bootstrap-popover.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(this).popover(options);
});
</script>
$(文档).ready(函数(){
$(此).popover(选项);
});
有什么想法或其他方法可以解决这个问题吗?- 别忘了bootstrap-tooltip.js,它是
- 仅将
属性添加到新的数据内容
- popover的选择器应适用于
s,如果未初始化,则应删除参数选项
- 我会将图标移动到
中,就像在中一样 - 我添加了一些样式规则
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<style type='text/css'>
ul { list-style: none inside none; margin: 0; }
li { display: inline; }
</style>
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script>
<script type='text/javascript' src="http://twitter.github.com/bootstrap/assets/js/bootstrap-tooltip.js"></script>
<script type='text/javascript' src="http://twitter.github.com/bootstrap/assets/js/bootstrap-popover.js"></script>
<script type='text/javascript'>
$(document).ready(function() { $('li').popover(); });
</script>
</head>
<body>
<h3>category_name</h3>
<ul>
<li>
<i class="icon-minus"></i>
<a href="newGenView.php?id=1">name1 - description1</a><br />
</li>
<li data-content="This item is new on Corkboard. Check it out!" data-original-title="New Item">
<i class="icon-star"></i>
<a href="newGenView.php?id=2">name2 - description2</a><br />
</li>
</ul>
</body>
</html>
ul{列表样式:无内无;边距:0;}
li{display:inline;}
$(document).ready(函数(){$('li').popover();});
类别名称
-
-
另请参见。- 别忘了bootstrap-tooltip.js,它是
- 仅将
属性添加到新的数据内容
- popover的选择器应适用于
s,如果未初始化,则应删除参数选项
- 我会将图标移动到
中,就像在中一样 - 我添加了一些样式规则
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<style type='text/css'>
ul { list-style: none inside none; margin: 0; }
li { display: inline; }
</style>
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script>
<script type='text/javascript' src="http://twitter.github.com/bootstrap/assets/js/bootstrap-tooltip.js"></script>
<script type='text/javascript' src="http://twitter.github.com/bootstrap/assets/js/bootstrap-popover.js"></script>
<script type='text/javascript'>
$(document).ready(function() { $('li').popover(); });
</script>
</head>
<body>
<h3>category_name</h3>
<ul>
<li>
<i class="icon-minus"></i>
<a href="newGenView.php?id=1">name1 - description1</a><br />
</li>
<li data-content="This item is new on Corkboard. Check it out!" data-original-title="New Item">
<i class="icon-star"></i>
<a href="newGenView.php?id=2">name2 - description2</a><br />
</li>
</ul>
</body>
</html>
ul{列表样式:无内无;边距:0;}
li{display:inline;}
$(document).ready(函数(){$('li').popover();});
类别名称
-
-
另请参见。谢谢,在我看到这篇文章之前,我已经在最后修复了它。实际上,对于每个锚标记和li样式,我使用的循环有点不同,而不是试图用它来更改类。这是一些很棒的代码。谢谢。谢谢,在我看到这篇文章之前,我已经在最后修复了它。我最终使用的循环有点不同y、 实际上,对于每个锚标记和li样式,而不是试图用它来改变类。这是一些很棒的代码。谢谢。