0

updateLogButtonクリックするとdivが表示され、もう一度クリックすると非表示になるボタンがあります。この部分は機能しています。唯一の問題は、ボタンがクリックされるたびに、divのコンテンツにフォーカスするのではなく、フォーカスがページの先頭に移動することです。

JQueryコード：

    //hide div on page load
$('#updateLogText').hide();

$('#updateLogButton').click(function() {

    if ($('#updateLogText').is(':visible')){

        //hide div if content is visible
        $('#updateLogText').fadeOut();

    }else{

        $('#updateLogText').fadeIn();       
    }

});

HTMLコード：

<tr>
    <td><a href="#"  id="updateLogButton">Update Log</a></td>
</tr>
<tr>
    <td colspan="3" >
        <div id="updateLogText" style="width:100%;">
            <?php echo $data['updates']; ?>
        </div>

    </td>
</tr>

誰もがこれをどのように達成できるか知っていますか？私はJQueryのドキュメントを見て、次のことを試しました。

$("#updateLogText").focus();
$("#updateLogText").attr("tabindex",-1).focus();

上記は機能しません。

4

3 に答える 3

1

<a href="#"削除#またはhref属性自体が原因 です

次のように書いてください-

<a id="updateLogButton">Update Log</a>

css-

a{ cursor: pointer; }
于 2012-10-09T07:06:38.097 に答える
0

これを試してみてくださいfadeToggle()divが表示されているかどうかを確認する代わりに使用する必要があり、その後フォーカスを設定します

    //hide div on page load
$('#updateLogText').hide();

$('#updateLogButton').click(function() {

          $('#updateLogText').fadeToggle();       
          $('#updateLogText').focus();       
    }

);

http://jsfiddle.net/cF4Bb/5/

于 2012-10-09T07:10:37.920 に答える
0

下の行では、引用符で-1を指定していない場合に機能します。

$（ "＃updateLogText"）。attr（ "tabindex"、-1）.focus（）;

于 2013-11-22T16:59:52.033 に答える