如何添加数字微调器

时间:2015-07-24 21:57:39

标签: javascript html

所以我试图为我的魔术卡制作一个收藏跟踪器,因为我现在不喜欢它们中的任何一个,我有一些接近15,000张卡片,而且很难跟踪我的脑袋:P。所以我做的是我找到了这个指南 http://dataforradicals.com/the-absurdly-illustrated-guide-to-sortable-searchable-online-data-tables/#comment-209 它非常有用,但我想尝试添加3个部分。我想在每张卡片上添加一个数字微调器,所以我所要做的就是在网页上搜索,然后在我买或卖的卡片上点+1或-1。我还想添加可以在tcgplayer.com上找到的低价高价。最后我想添加一张图片,当我将鼠标悬停在名称上时,或者他们在他们网站上的小相机按钮也会很好用。 http://store.tcgplayer.com/collection/view/66999

如果您有任何建议,请告诉我,并感谢您抽出宝贵时间帮助我:)

1 个答案:

答案 0 :(得分:0)

你有三个问题,但我会回答主要(标题)问题。

因此,最简单,最原始的方法是使用<input type="number">。在大多数现代浏览器中,这将生成能够为您提供所需功能的UI。由于这个项目只适合你,所以只需使用一个产生漂亮用户界面的浏览器(基本上大多数东西,但我相信IE)。

如果这还不够,您可以使用任意数量的polyfill,最值得注意的是jQuery UI

希望有所帮助!