jQuery小部件内部的jQuery ajax选项卡

我在标签小部件上添加ajax加载站点的日期选择器时遇到了一些问题。我来解释一下我到目前为止所做的工作。

我首先做了所有的表格和东西，添加了一个日期选择器，并确保一切工作。然后我想创建一个选项卡小部件，它将加载带有表单的页面。虽然这确实工作，所有的$_post的东西也工作，jQuery似乎不工作。

是否有任何已知的原因，或者这可能是一个特定的问题与我有关?

如果需要代码来帮助解决这个问题，我会稍后编辑它，但现在我想知道这是否可能。

请记住，我对所有这些jQuery和AJAX的东西相对较新。提前感谢!

——编辑——

注意:我将脚本包含在每页的标题中。

标签页:

视图

<div id="tabs">
<ul>
    <li><a href="../tabs/bericht">Bericht</a></li>
    <li><a href="../main/initiative">Initiatief</a></li>
    <li><a href="../main/profile">Interesse</a></li>
</ul>

Java

$(document).ready(function(){
$( "#tabs" ).tabs({collapsible:true, active:false, effect:'ajax'});
});

加载页面:

$(document).ready(function(){
$('#date').datetimepicker({dateFormat: 'yy/mm/dd'});
var counter = 1;
$("#addButton").click(function () {
    if(counter>10){
            alert("Only 10 textboxes allow");
            return false;
    }   
    var newTextBoxDiv = $(document.createElement('div'))
         .attr("id", 'TextBoxDiv' + counter);
    newTextBoxDiv.after().html('<input type="text" name="requirements' + counter + '" id="requirements' + counter + '" value="" >&nbsp;<input type="text" name="requirementscount' + counter + '" id="requirementscount' + counter + '" value="" size="2"><br>');
    newTextBoxDiv.appendTo("#TextBoxesGroup");

    counter++;
 });
 $("#removeButton").click(function () {
if(counter==1){
      alert("No more textbox to remove");
      return false;
   }   
counter--;
    $("#TextBoxDiv" + counter).remove();
 });
});

$(document).ready(function(){
$( "#tabs" ).tabs({
load: function( event, ui ) {
    if($('#date').length>0){
                $('#date').datetimepicker({dateFormat: 'yy/mm/dd'});
    }
}
});
});