4

問題は、カーソルを合わせたときではなく、spanクリックしたときにのみ要素が表示されることです! lili

私は次のようなものを持っています:

       <ul class="nav nav-pills nav-stacked">
        @foreach (var category in Model.Categories)  
     {
        <li class="categoryListEl"><a>@category.Name <span      style="float:right;display:none"class="badge badge-important">
<button class="close">&times;</button></span></a></li>
     }
         </ul>

私のJqueryコードは次のとおりです。

 $(function ()
    {
  $(".categoryListEl").mouseover(function () {
           $this = $(this);
          $this.find("span").css("display", "block");
    });
    $(".categoryListEl").mouseleave(function ()
    {
        $this = $(this);
        $this.find("span").hide();

    });;
 );
4

2 に答える 2

8 
    $(function ()
        {
      $(".categoryListEl").mouseenter(function () {
               $this = $(this);
              $this.find("span").css("display", "block");
        }).mouseleave(function ()
        {
            $this = $(this);
            $this.find("span").hide();

        });
});
于 2013-05-16T10:28:58.593 に答える
1

コードに構文エラーがあります。常に機能するこのコードを試すことができます。

$(function () {
    $(".categoryListEl").hover(function () {
        $(this).find("span").toggle();
    });
});

フィドルのデモ

于 2013-05-16T10:31:13.987 に答える