0

私は私の見解でこのコードを持っています

<a href="#SampleEditor" onclick="javaScript:ShowSampleEditor()"
                    id="SampleLink">Add Sample</a>
                <div class="editor-field" id="SampleEditor" style="display: none">
                    <div class="editor-label">
                        @Html.LabelFor(model => model.SampleCollectionInstructions)
                    </div>
                    <div class="editor-field">
                        @Html.TextAreaFor(model => model.SampleCollectionInstructions, new { @class = "adminRichText" })
                        @Html.ValidationMessageFor(model => model.SampleCollectionInstructions)
                    </div>
                </div>

リッチ テキスト エディターを開くためのリンクをユーザーに提示し、リンクを非表示にします。

これは私が使用するコードです

function ShowSampleEditor() {
        $("#SampleEditor").show();
        $("#SampleLink").hide();
    }

そして今、私はさらに数人の編集者のためにこれをしなければなりません. Json は本当に私のものではないので、複数のエディターに対してこれを行う汎用関数を作成するにはどうすればよいですか?

4

1 に答える 1

0

コードを次のように編集します

 <a href="#SampleEditor" onclick="javaScript:ShowSampleEditor(this)"
                id="SampleLink">Add Sample</a>
            <div class="editor-field" id="SampleEditor" style="display: none">
                <div class="editor-label">
                    @Html.LabelFor(model => model.SampleCollectionInstructions)
                </div>
                <div class="editor-field">
                    @Html.TextAreaFor(model => model.SampleCollectionInstructions, new { @class = "adminRichText" })
                    @Html.ValidationMessageFor(model => model.SampleCollectionInstructions)
                </div>
            </div>

そしてjavascriptへ

function ShowSampleEditor(link) {
   $(link).next().show(); // Next element after the link is the panel
   //$(".editor-field").show(); // Use this if the element to show does not immediately follow the link
   $(link).hide();
}

http://jsfiddle.net/27MeG/8/でデモ フィドルを参照してください。

クリックされたリンクをパラメーターとして受け取るように JavaScript 関数を一般化しました。このリンクは非表示になり、次の兄弟が表示されます。これはエディターである必要があります。

于 2012-11-20T13:44:56.680 に答える