1

これはかなり簡単なようです。テキスト ボックスがあり、そこにコンテンツがあるかどうかに基づいてリンクを表示する必要があります。私document.readyのコードは

    $(document).ready(function () {
        $('#searchValue').change(function () {
            if ($('#searchValue').val().length > 0) {
                $('#home').show();
            } else {
                $('#home').hide();
            }
    });

ここに、参照しているリンクを含む ASP MVC ビューのセクションがあります。ページが読み込まれるたびに、スパンの外側にあるすべてのものを表示したい。内のすべてspan、テキスト ボックスに情報がある場合のみ。

    @Html.ActionLink("Create New", "Create") |
    @Html.ActionLink("Export to Spreadsheet", "ExportToCsv") 
    <span class="home" style="display:none;">
    | @Html.ActionLink("Back to Index", "Index")       
    </span>

属性の有無にかかわらずこれを試しましたが、またはを起動style="display:none;"できません。コードをステップ実行したところ、 の条件が機能していて、コードのその部分に到達していることがわかります。.show().hide()doucment.ready

4

3 に答える 3

5

の代わりにクラスセレクターが必要です。id selectorホームをidに割り当てるか、使用するかのどちらかではなく、スパンのクラスとしてホームがありますclass selector。

変化する

 $('#home')

に

$('.home')

あなたのコードは

$(document).ready(function () {
    $('#searchValue').change(function () {
        if ($('#searchValue').val().length > 0) {
            $('.home').show();
        } else {
            $('.home').hide();
        }
});
于 2013-05-03T18:33:37.940 に答える
4

家のスパンIDを呼び出していますが、それは実際にはクラスです。

への変更$('.home')

于 2013-05-03T18:33:54.403 に答える