亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

UIKit 導航欄不下降

UIKit 導航欄不下降

阿波羅的戰車 2023-06-09 17:42:25
我有一個 UIkit 導航欄,但下拉菜單不起作用。我在這里看到了一個類似的帖子,建議 jquery 可能是問題所在,但我已經嘗試以我能想到的所有方式安裝 jquery。話雖如此,它看起來確實像是一個 javascript 問題。不過,我目前很高興在應用程序中使用 jquery。我正在使用 webpacker,我看到 uikit 和 uikit 圖標出現在 chrome 調試器的源選項卡上。這是 haml 和生成的 html:%nav#navbar.uk-navbar-container.uk-navbar? #logo.uk-navbar-left? ? Logo? #user-navbar.uk-navbar-right? ? - if user_signed_in?? ? ? %ul.uk-navbar-nav? ? ? ? %li.uk-parent? ? ? ? ? %a{href: '#'} #{current_user.display_name}? ? ? ? ? .uk-navbar-dropdown? ? ? ? ? ? %ul.uk-nav.uk-navbar-dropdown-nav? ? ? ? ? ? ? %li? ? ? ? ? ? ? ? = link_to 'Sign out', '/users/sign_out', :method => :delete<nav class="uk-navbar-container uk-navbar" id="navbar">? <div class="uk-navbar-left" id="logo">? ? Logo? </div>? <div class="uk-navbar-right" id="user-navbar">? ? <ul class="uk-navbar-nav">? ? ? <li class="uk-parent">? ? ? ? <a href="#">Should Dropdown</a>? ? ? ? <div class="uk-navbar-dropdown">? ? ? ? ? <ul class="uk-nav uk-navbar-dropdown-nav">? ? ? ? ? ? <li>? ? ? ? ? ? ? <a rel="nofollow" data-method="delete" href="/users/sign_out">Sign out</a>? ? ? ? ? ? </li>? ? ? ? ? </ul>? ? ? ? </div>? ? ? </li>? ? </ul>? </div></nav>
查看完整描述

1 回答

?
郎朗坤

TA貢獻1921條經驗 獲得超9個贊

這應該工作:


<!-- UIkit CSS -->

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/uikit.min.css" />


<!-- UIkit JS -->

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/uikit.min.js"></script>

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/uikit-icons.min.js"></script>

<nav class="uk-navbar-container" uk-navbar>

    <div class="uk-navbar-left">


       

    Logo



    </div>

    <div class="uk-navbar-right">

        <ul class="uk-navbar-nav">

            <li>

                <a href="#">Should Dropdown</a>

                <div class="uk-navbar-dropdown">

                    <ul class="uk-nav uk-navbar-dropdown-nav">

                         <a rel="nofollow" data-method="delete" href="/users/sign_out">Sign out</a>

                        

                        

                    </ul>

                </div>

            </li>

        </ul>

    </div>

</nav> 


查看完整回答
反對 回復 2023-06-09
  • 1 回答
  • 0 關注
  • 148 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號