0

これが私が取り組んでいるフィドルです http://jsfiddle.net/d0okie0612/22cTn/

ボックスをボタンの上部に表示しようとしていますが、既存のdivボックスの下部に表示しています。 

  <div id="top_form">
  <form>
    Street: <input name="titles[]" type="text" placeholder="eg: 123 Fake st."><br><br>
    City: <input name="titles[]" type="text" placeholder="eg: Bellflower">
    <select>
    <option value=" ">State</option>
    <option value="ca">CA</option>
    <option value="az">AZ</option>
    <option value="de">DE</option>
  </select>
     Zip: <input name="titles[]" type="text" placeholder="eg: 91745"><br />

 </form>

 </div>
    <br />
 <a id="awsomeButton" href="#">+ Add Loction</a>

ここにスクリプトがあります

var tpl = ""
 + "<div id='location_div_<%= id %>'><h1>My Location #<%= id %></h1></div>";

  var newId = new Date().getTime();
 var template = _.template(tpl);
   var compiled = template({id: newId});

 var form = ""
+ "<div id='added_form'><a href='#' class='close_btn'>x</a><form> Street: <input       name='titles' type='text'><br /><br />City: <input name='titles' type='text'><select><option value=' '>State</option><option value='ca'>CA</option></select>Zip: <input name='titles' type='text'></form></div>"


 $('#awsomeButton').on('click', 
    function(e){
    $(form).hide().appendTo('body').fadeIn('slow');
});
4

1 に答える 1

2

それ以外の

.appendTo('body')

に追加する

.appendTo('#top_form')

top_formを別のdivに入れる方が良い

<div id="container" >
    <div id="top_form">

そしてそれをコンテナに追加します...

.appendTo('#container')

フィドルをチェック

于 2012-12-04T23:09:14.060 に答える