-1

ボックス全体にタグを引っ張らない限り、私の Jquery アコーディオン フォームは完全に機能します。収集する情報が多くなるため、フォームを分離するという考えがありました。

http://www.bigwavemedia.co.uk/test/ (アコーディオンの 1 つに Form タグを含む作業バージョン)

http://www.bigwavemedia.co.uk/test/index.php/stack (フォームタグをアコーディオンシステム全体に移動すると壊れる)

コード ---> 作業バージョン

<div id="container">
    <div class="preOrderTop">
        <h1>Pre Order</h1>
    </div>

       <?php 

        $this->load->helper("form");
        echo validation_errors();
        echo "<div id='accordion'>";




        echo  "<h3>Party Details</h3>";

        echo  $message;

        echo  form_open("welcome/send_email");

        echo form_label("Name:", "name");
        $data = array(
            "name" => "fullName",
            "id" => "fullName",
            "value" => set_value("fullName")

        );
        echo form_input($data);



        echo form_label("Email:", "email");
        $data = array(
            "name" => "email",
            "id" => "email",
            "value" => set_value("email")
        );
        echo form_input($data);



        echo form_label("Telephone", "telephone");
        $data = array(
            "name" => "telephone",
            "id" => "telephone",
            "value" => set_value("telephone")
        );
        echo form_input($data);



        echo form_label("date", "date");
        $data = array(
            "name" => "date",
            "id" => "date",
            "value" => set_value("date")
        );
        echo form_input($data);



        echo "<br>";

        echo form_submit("contactSubmit", "send");

        echo form_close();
    ?>


    <h3>Section 2</h3>
        <div>
        <p>Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna. </p>
    </div>
        <h3>Section 3</h3>
        <div>
        <p>Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui. </p>
        <ul>
            <li>List item</li>
            <li>List item</li>
            <li>List item</li>
            <li>List item</li>
            <li>List item</li>
            <li>List item</li>
            <li>List item</li>
        </ul>



        </div>
    </div> 
</div>

しかし、アコーディオンの周りにフォームタグ全体をラップすると壊れますか? これを修正する方法がわかりません。それは私をバナナに駆り立てます。

-> フォームをラップしたコード

<div id="container">
  <div class="preOrderTop">
    <h1>Pre Order</h1>
  </div>
  <?php 

        $this->load->helper("form");
        echo validation_errors();
            echo  $message;

        echo  form_open("welcome/send_email");
        echo "<div id='accordion'>";




        echo  "<h3>Party Details</h3>";

        echo  $message;

        echo  form_open("welcome/send_email");

        echo form_label("Name:", "name");
        $data = array(
            "name" => "fullName",
            "id" => "fullName",
            "value" => set_value("fullName")

        );
        echo form_input($data);



        echo form_label("Email:", "email");
        $data = array(
            "name" => "email",
            "id" => "email",
            "value" => set_value("email")
        );
        echo form_input($data);



        echo form_label("Telephone", "telephone");
        $data = array(
            "name" => "telephone",
            "id" => "telephone",
            "value" => set_value("telephone")
        );
        echo form_input($data);



        echo form_label("Date", "date");
        $data = array(
            "name" => "date",
            "id" => "date",
            "value" => set_value("date")
        );
        echo form_input($data);



        echo "<br>";

    ?>
  <h3>Section 2</h3>
  <div>
    <p>Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna. </p>
  </div>
  <h3>Section 3</h3>
  <div>
    <p>Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui. </p>
    <ul>
      <li>List item</li>
      <li>List item</li>
      <li>List item</li>
      <li>List item</li>
      <li>List item</li>
      <li>List item</li>
      <li>List item</li>
    </ul>
  </div>
  <?php     
        echo form_submit("contactSubmit", "send");

        echo form_close();
        ?>
</div>

何か案は？

ありがとう

4

1 に答える 1

0

さらに調査した結果、このアコーディオン メニューはフォームでは機能しないことがわかりました。別のメニューを使用すると、初めて完全に機能しました。

于 2013-03-14T15:25:46.117 に答える