我想创建一个对话框来从图标网格中选择一个特定的图标。像这样:
我正在将 jQuery Impromptu 对话框用于我的其他对话框用法。但我不知道如何制作这个东西。请帮助我是新手。
我想创建一个对话框来从图标网格中选择一个特定的图标。像这样:
我正在将 jQuery Impromptu 对话框用于我的其他对话框用法。但我不知道如何制作这个东西。请帮助我是新手。
我想你可以把一堆链接放在一个容器里,然后在里面放一个 img。
<div class="iconSelector">
<a href="selecticon.php?icon=1" title="Select 'computer icon'"
><img src="computer.png" alt="computer icon"/></a>
<a href="selecticon.php?icon=2" title="Select 'other icon'"
><img src="computer.png" alt="other icon"/></a>
<a href="selecticon.php?icon=3" title="Select 'computer icon'"
><img src="computer.png" alt="computer icon"/></a>
...
</div>
然后,用一点点 CSS 你就在那里:
.iconSelector {
display: inline-block;
padding: 8px;
}
.iconSelector a img {
width: 32px;
height: 32px;
}
如果您喜欢/需要,您也可以添加一些 Javascript 来处理点击。
$(function(){
$('.iconSelector').on('click', 'a', function(e){
e.preventDefault();
alert($(this).attr('href') + ' was clicked');
});
});