Question

我正在创建JQuery标签，但我发现所有标签中都复制了一个人的数据（在本例中为iframe）。 html看起来像这样

    <div class="tabs">
        <ul>
            <li><a href="#room_booking">Make A Booking</a></li>
            <li><a href="#info"> Your Information </a></li>
            <li><a href="#edit_pro"> Edit Your Information </a></li>

        </ul>

        <div id="room_booking">

            <iframe src="/booking/"> </iframe>
        </div>

        <div id="info">

            <fieldset>

                <label>Name : </label><input class="box" type="text" value="{{ userprofile.first_name}} {{userprofile.last_name }}" readonly="" /> <br />
                <label>E-Mail: </label><input class="box" type="text" value="{{ userprofile.email }}" readonly="" /> <br />
                <label>User Name : </label><input class="box" type="text" value="{{ userprofile.username}}" readonly="" /> <br />

            </fieldset>

        </div>

        <div id="#edit_pro">
            <iframe src="/edit/"> </iframe>
        </div>

    </div>

我的.js文件只有

$(document).ready(function(){
    $('.tabs').tabs();
});

这就是它的样子 - https://drive.google.com/file/d/0B_Xsn54pdmU8bDRYeFZPU1RtQlU/edit?usp=sharing

知道造成这种情况的原因是什么？感谢

Answer 1

从 edit_pro div id中删除'＃'。

  <div class="tabs">
            <ul>
                <li><a href="#room_booking">Make A Booking</a></li>
                <li><a href="#info"> Your Information </a></li>
                <li><a href="#edit_pro"> Edit Your Information </a></li>
            </ul>
            <div id="room_booking">
                <iframe src="/booking/"> </iframe>
            </div>
            <div id="info">
                <fieldset>
                    <label>Name : </label><input class="box" type="text" value="{{ userprofile.first_name}} {{userprofile.last_name }}" readonly="" /> <br />
                    <label>E-Mail: </label><input class="box" type="text" value="{{ userprofile.email }}" readonly="" /> <br />
                    <label>User Name : </label><input class="box" type="text" value="{{ userprofile.username}}" readonly="" /> <br />
                </fieldset>
            </div>
            <div id="edit_pro">
                <iframe src="/edit/"> </iframe>
            </div>
        </div>

演示： http://jsfiddle.net/kX5L2/1/

一个选项卡的数据正在复制到其他选项卡中

1 个答案: