1

私は XHTML と CSS をしっかりと把握していますが、PHP と Javascript は魔法のように見えます。

PHP ベースのTextpattern CMSを使用してディスカッション サイトを構築しています。ユーザーがログインすると、公開側のフォームを使用して新しいディスカッション トピックを追加できます。特定のデータベース テーブルに新しい行を追加するfieldset1 つの要素内の HTML 要素によってグループ化された、多数の入力フィールドがあります。form私がやりたいことは、一度に 1 つのフィールドセットだけを表示し、前と次のリンクを挿入して、人々がフィールドセット間を移動できるようにすることです。

Textpattern は jquery にバンドルされており、この機能を説明する jquery プラグインを見つけました。しかし、私はそれを機能させることができません。

これが私の文書にあるものheadです：

<style type="text/css" media="screen">
    fieldset {display: none;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script>
<script type="text/javascript" src="http://site.url/scripts/jquery.babysteps-0.2.1.js"></script>
<script type="text/javascript" language="javascript">
    $('#step1').bindStep('#step2');
    $('#step2').bindStep('#step3');

    $('#step1').show();
</script>

私のフォームは次のようなものです：

<fieldset id="step1">
    <legend>Step 1 Fields</legend>
    <!-- fields -->
</fieldset>
<fieldset id="step2">
    <legend>Step 2 Fields</legend>
    <!-- fields -->
</fieldset>
<fieldset id="step3">
    <legend>Step 3 Fields</legend>
    <!-- fields -->
</fieldset>
<input type="submit" value="Post this Article!" />

その結果、style宣言はすべて fieldset非表示になりますが、スクリプトはまったく表示step1されません。すべてのファイル パスを再確認し、Google バージョンではなくローカルの jquery バンドルへのリンクを使用してこれを試しましたが、同じ結果が得られました。

これを機能させることができれば幸いですが、babysteps プラグインを使用せずにこれを達成する別の方法があれば、その結果にも満足しています。

あなたが提供できるガイダンスや具体的なアドバイスは大歓迎です！ステップバイステップの説明やトラブルシューティングに関する実際的な質問 (コンピューターを接続していますか?) も役立つ場合があります。

前もって感謝します！

4

2 に答える 2

2

その特定のプラグインについてはわかりませんが、jquery だけで:

$(function(){

    $('#gotoStep2').click(function(){
        $('#step1').hide();
        $('#step2').show();
        return false;
    });

});

あなたが持っている場所

<input type="button" id="gotoStep2" value="next &raquo;"/>

step1の内側

そしてあなたのCSS：

#step2, #step3 //etc
{
    display: none;
}

すべてのステップでこれを繰り返す方法を理解できると確信しています:)

于 2009-03-04T18:46:37.627 に答える
0 
<script type="text/javascript" language="javascript">
  $(function(){
    $("#step1").bindStep("#step2");
    $("#step2").bindStep("#step3");

    $("#step1").show();
  });
</script>

それがうまくいかない場合は、プラグインを捨ててください。（真剣に、そのページのデモでさえ機能しません。）

于 2009-03-04T18:54:47.857 に答える