Question

以下是我的代码中与问题相关的部分：

<head>
    <link rel="stylesheet" type="text/css" href="/static/semantic/dist/semantic.rtl.min.css" />
    <?php Yii::app()->clientScript->registerCoreScript('jquery'); ?>
    <script src="/static/semantic/dist/semantic.min.js"></script>
    <script src="/static/semantic/dist/components/dropdown.min.js"></script>
    <script>
        $('.ui.dropdown')
            .dropdown()
        ;
    </script>
</head>

<body>

<div class="ui dropdown">
    <input type="hidden" name="gender">
    <i class="dropdown icon"></i>
    <div class="default text">Gender</div>
    <div class="menu">
        <div class="item" data-value="male">Male</div>
        <div class="item" data-value="female">Female</div>
    </div>
</div>

</body>

看起来下拉只是拒绝工作。我也尝试过其他东西（搜索，手风琴），但它们也没有用过。

在不同的平台上检查不同的浏览器，什么都没有。

也检查加载文件时可能存在问题，但根据Chrome，一切正常，并且没有错误。

Answer 1

当您调用[sprite removeActionForKey:@"animation1"];插件时，页面上没有.ui.dropdown元素。当DOM准备就绪时，您需要初始化它：

dropdown

或者您也可以在关闭$(function() { $('.ui.dropdown').dropdown(); });标记之前放置原始脚本块，它也会起作用。

SemanticUI jquery根本不起作用

1 个答案: