小编Let*_*oll的帖子

语义UI - 用于布局的ui网格最佳方法(行/列与段)

我是Semantic UI的新手,我正在尝试使用下面的布局设计一个网页.看文档,我决定使用ui page grid.我还决定在网格外定义顶部固定菜单.

在此输入图像描述

我的第一种方法是这样的:

<body>
    <div class="ui page grid">
        <div class="three column row">
            <div class="column"> Horizontal section, column 1</div>
            <div class="column"> Horizontal section, column 2</div>
            <div class="column"> Horizontal section, column 3</div>
        </div>
        <div class="two column row">
            <div class="column"> 
                <div class="row"> Left column, row 1</div>
                <div class="row"> Left column, row 2</div>
                <div class="row"> Left column, row 3</div>
            </div>
            <div class="column">
                <div class="row"> Right column, row 1</div>
                <div class="row"> Right column, row 2</div>
            </div>
        </div>
    </div>
</body> …

Run Code Online (Sandbox Code Playgroud)

grid semantic-ui

Let*_*oll

2015 04-12

19
推荐指数

1
解决办法

2万
查看次数

jQuery - li元素上的悬停函数

我有一个列表,我试图在鼠标悬停时更改元素的文本.例如,如果我有这个清单

<ul>
    <li id="first-li">Some text</li>
    <li id="second-li">More text</li>
    <li id="third-li">and more text</li>
</ul>

Run Code Online (Sandbox Code Playgroud)

并且鼠标在第一个元素上,我希望文本更改为,例如,"第一个元素".

我正在尝试使用此代码实现上述目的:

$(document).ready(function(){

    //when mouse is over, save initial value and replace with newText
    function hover_in(newText){
        console.log(newText);
        var $this = $(this);
        $this.data('initialText', $this.text());
        $this.text(newText);
    }

    //when mouse is over, replace with initial value
    function hover_out(){
        var $this = $(this);
        $this.text($this.data('initialText'));
    }

    $('#first-li').hover(function(){hover_in("NEW TEXT")}, hover_out);
});

Run Code Online (Sandbox Code Playgroud)

我可以hover_in在控制台中打印的"NEW TEXT" 参数中看到值insert,但文本不会改变.

我有什么想法我做错了吗？

提前致谢 !

javascript jquery text

Let*_*oll

lucky-day

2
推荐指数

1
解决办法

1727
查看次数