语义UI弹出窗口不会打开

时间:2016-01-07 15:20:02

标签: javascript jquery html css semantic-ui

我在语义用户界面上迈出了第一步,甚至遇到了我无法解决的第一个问题。

我只想创建一个简单的弹出式触发器,例如http://semantic-ui.com/modules/popup.html#specifying-a-trigger-event。 我已尝试复制并粘贴var calculateDecay = function(kv) { // kv.value has the array produced by the reduce functions. var data1 = kv.value; var max = d3.max(data1, function(d) { return +d.WEEK_NUMBER ;}); data2 = data1.filter(function(d) { return d.WEEK_NUMBER == max ;}); var sum1 = d3.sum(data2, function(d) { return d.TOTCOUNT ;}); var sum2 = d3.sum(data2, function(d) { return d.DECAY_CNT ;}); var decay = sum2/sum1 * 100 ; return decay; } chart.valueAccessor(calculateDecay); .html代码,并且还包含页眉中的.jssemantic.min.js,但它并未包含无论出于何种原因打开弹出窗口。

这是我使用的HTML代码:

semantic.min.css

<div class="ui singleImg container"> <div class="ui hidden divider"></div> <div class="ui two column stackable grid"> <div class="eleven wide column"> <h1 class="ui dividing header">Test</h1> </div> <div class="five wide column"> <div class="ui teal button" data-title="Using click events" data-content="Clicked popups will close if you click away, but not if you click inside the popup">Download</div> Sidebar </div> </div> </div> 之前,我还添加了以下</body>代码:

.js

//更新: 在这里创造了一个小提琴:https://jsfiddle.net/w46ynjwu/

1 个答案:

答案 0 :(得分:1)

您的代码中存在一个问题,即您没有添加jquery。

这是一个(几乎)相同的fiddle正常工作

<script>//no need of this tag in jsfiddle
</script>