不能使用显示/隐藏

我的问题：当我添加另一个文本输入时，我无法显示/隐藏它。不能使用显示/隐藏

<html> 
<head> 

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 
<script src="http://code.jquery.com/jquery-migrate-1.1.0.min.js"></script> 
<script src="http://code.jquery.com/jquery-1.8.3.js"></script> 
<script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script> 
<script> 

$(document).ready(function(){ 

     $(".slidingDiv").hide(); 
     $(".show_hide").show(); 

     $('.show_hide').click(function(){ 
     $(".slidingDiv").slideToggle(); 
     }); 

     $(".slidingDiv1").hide(); 
     $(".show_hide1").show(); 

     $('.show_hide1').click(function(){ 
     $(".slidingDiv1").slideToggle(); 
     }); 

}); 

var counter = 1; 
var limit = 3; 
function addInput(divName){ 

mainCanvasDiv = document.createElement("div"); 
mainCanvasDiv.className = "slidingDiv1"; 
mainCanvasDiv.style.display = "none"; 

var newdiv = document.createElement('div'); 
newdiv.id = "dynamicInput" + counter; 
      newdiv.innerHTML = "<a href='#' class='show_hide1'>Show/hide</a>"; 
      mainCanvasDiv.innerHTML = "Entry " + (counter + 1) + " <br><input type='text' name='dynamicInput" + counter +"1'><br><input type='text' name='dynamicInput" + counter +"2'>"; 
      document.getElementById(divName).appendChild(newdiv).appendChild(mainCanvasDiv); 
      counter++; 

} 
$(document).ready(function(){ 
    $('#sortable').sortable({ 
     update: function(event, ui) { 
var newOrder = $(this).sortable('toArray').toString(); 
      document.getElementById('sort').value = newOrder; 
     } 
    }); 
}); 


</script> 
</head> 
<body> 

<form action="lost.php" method="POST"> 
<div id="sortable"> 
<div id="dynamicInput"> 
<a href="#" class="show_hide">Show/hide</a> 
<div class="slidingDiv"> 
<input type="text" name="myInputs[]"> 

</div> 
</div> 
</div> 
<input type="button" value="Add another text input" onClick="addInput('sortable');"><br /> 
<input type="hidden" name="sort" id="sort" value=""> 
<input type=submit value="GO!"> 
</form> 
</body> 
</html>

有什么建议吗？

更新：
我已经改变 $（”。show_hide1 '）点击（函数（）{ 到 $（' show_hide1' 。）上（ “点击”， “格a.show_hide1”。功能（）{

也许我做错了什么，我不坚强的JS

来源

2013-02-16 user2079197

尝试[的jsfiddle（http://jsfiddle.net/）而不是设置。更容易使用。 – 2013-02-16 20:43:18

@JohnConde这里：http://jsfiddle.net/aWhJQ/请不要说“改为”，代码需要在帖子中。 – 2013-02-16 20:43:58

你为什么包括jQuery 1.8.3 AND 1.9.1？ – j08691 2013-02-16 20:44:21

取代点击事件：

  $("#sortable").on("click","div a.show_hide", function() { 
       $(".slidingDiv").slideToggle(); 
      }); 

      $("#sortable").on("click","div a.show_hide1", function() { 
       $(".slidingDiv1").slideToggle(); 
      });

来源

2013-02-16 21:00:08

完成，但现在不可排序 – user2079197 2013-02-16 21:14:24

排序对我有用 http://jsfiddle.net/Yhp3c/ – 2013-02-18 09:06:26

修正：http://jsfiddle.net/Yhp3c/

您需要使用live代替click作为live也是目标未来（阅读：DOM脚本）元素。

编辑：如评论中所述：使用on代替live。

来源

2013-02-16 20:46:28 Sven

'live'已弃用，请使用'on'。 – loganfsmyth 2013-02-16 20:47:57

请将相关的代码添加到您的文章，jsfiddle不会加载我（这是痛苦的缓慢）。 – 2013-02-16 20:48:26

'活'已被删除在jquery 1.9 – Corneliu 2013-02-16 20:48:36

不能使用显示/隐藏

回答

相关问题