Hallo verwende Bootstrab tab und möchte in einen div Container (div id="box-7-1") via Ajax einen html-code einfügen. Dabei setzt er mir den Style des haupt div containers mit der class=tab-content auf "display: none" (der der nachgeladen wird code ist ok) er überschreibt ihn aus welchen Gründen auch immer im Anschluss sieht der Haupt-Container dann so aus <div class="tab-content clearfix" style="display: none;"> Zustand vor dem Nachladen durch Ajax ~~~HTML <div class="tab-content"> <div id="box-7" class="tab-pane fade in active"> <ul class="nav nav-tabs navSub"> <li class="" id="id-box-7-2" style="white-space: nowrap;" data-growtypeid="7" data-phecid="3" data-growtypegroup="1" data-type="1" data-phecgrowtypeid="2"> <a href="#box-7-2" class="editable editable-click inline-input" name="shortDesc" id="editable-7-2" onclick="request(7,1,1, 1, 0,0, 2)" data-toggle="tab">zweiter Te&nbsp;<span class="badge badge-success">&nbsp;</span></a> </li> <li class="in active" id="id-box-7-1" style="white-space: nowrap;" data-growtypeid="7" data-phecid="1" data-growtypegroup="1" data-phecgrowtypeid="1"><a href="#box-7-1" class="editable editable-click inline-input" name="shortDesc" data-name="username" data-type="text" id="editable-7-1" data-toggle="tab">Test PhEC<span class="badge badge-success" style="margin-left: 5px;">&nbsp;</span></a> </li> <li class="" id="id-box-7-0" growtypegroup="1"> <a href="#box-7-0" data-toggle="tab"> <span class="shortDesc editable" id="editable-7-0" name="shortDesc" data-phecid="" data-growtypegroup="1"> <i class="blue ace-icon fa fa-plus center bigger-110"></i> </span></a> </li> <button type="button" id="editTitle" class="btn btn-white btn-info"><i class="blue ace-icon fa fa-pencil center bigger-110"></i></button></ul> <div class="tab-content"> <div id="box-7-2" class="tab-pane "> phecgrowtypeid ===&gt; 2xxxxx </div> **<div id="box-7-1" class="tab-pane in active">** phecgrowtypeid ===&gt; 1yyyyy </div> <div id="box-7-0" class="tab-pane "> growTypeid == 7 und default = 1 </div> </div> </div> ~~~ Die ajax-anweisung lautet ~~~JavaScript $.ajax({ url:"pages/phecSettings.php", type:'GET', data:{ growTypeId: growTypeId, growTypeGroup: growTypeGroup, week: week, type: type, phecGrowTypeId: phecGrowTypeId, daughterDbId: daughterDivBoxId }, success:function(data){ $(tab).html(data); // Schreibt die Ausgabe in den div Container mit der id "#box-7-1" } }).fail(function() { alert( "sssssssserror" ); }); ~~~ Ich versuchte schon unter firefox mit dem debugger zu arbeiten... bin aber da nicht recht fit … Hat jemand eine Idee wann dies passiert oder wo ich suchen müsste Grüße Jürgen

Hallo verwende Bootstrab tab und möchte in einen div Container (div id="box-7-1") via Ajax einen html-code einfügen. Dabei setzt er mir den Style des haupt div containers mit der class=tab-content auf "display: none" (der der nachgeladen wird code ist ok) er überschreibt ihn aus welchen Gründen auch immer im Anschluss sieht der Haupt-Container dann so aus <div class="tab-content clearfix" style="display: none;"> Zustand vor dem Nachladen durch Ajax ~~~HTML ~~~HTML <div class="tab-content"> <div id="box-7" class="tab-pane fade in active"> <ul class="nav nav-tabs navSub"> <li class="" id="id-box-7-2" style="white-space: nowrap;" data-growtypeid="7" data-phecid="3" data-growtypegroup="1" data-type="1" data-phecgrowtypeid="2"> <a href="#box-7-2" class="editable editable-click inline-input" name="shortDesc" id="editable-7-2" onclick="request(7,1,1, 1, 0,0, 2)" data-toggle="tab">zweiter Te&nbsp;<span class="badge badge-success">&nbsp;</span></a> </li> <li class="in active" id="id-box-7-1" style="white-space: nowrap;" data-growtypeid="7" data-phecid="1" data-growtypegroup="1" data-phecgrowtypeid="1"><a href="#box-7-1" class="editable editable-click inline-input" name="shortDesc" data-name="username" data-type="text" id="editable-7-1" data-toggle="tab">Test PhEC<span class="badge badge-success" style="margin-left: 5px;">&nbsp;</span></a> </li> <li class="" id="id-box-7-0" growtypegroup="1"> <a href="#box-7-0" data-toggle="tab"> <span class="shortDesc editable" id="editable-7-0" name="shortDesc" data-phecid="" data-growtypegroup="1"> <i class="blue ace-icon fa fa-plus center bigger-110"></i> </span></a> </li> <button type="button" id="editTitle" class="btn btn-white btn-info"><i class="blue ace-icon fa fa-pencil center bigger-110"></i></button></ul> <div class="tab-content"> <div id="box-7-2" class="tab-pane "> phecgrowtypeid ===&gt; 2xxxxx </div> **<div id="box-7-1" class="tab-pane in active">** phecgrowtypeid ===&gt; 1yyyyy </div> <div id="box-7-0" class="tab-pane "> growTypeid == 7 und default = 1 </div> </div> </div> ~~~ ~~~ Die ajax-anweisung lautet ~~~JavaScript $.ajax({ url:"pages/phecSettings.php", type:'GET', data:{ growTypeId: growTypeId, growTypeGroup: growTypeGroup, week: week, type: type, phecGrowTypeId: phecGrowTypeId, daughterDbId: daughterDivBoxId }, success:function(data){ $(tab).html(data); // Schreibt die Ausgabe in den div Container mit der id "#box-7-1" } }).fail(function() { alert( "sssssssserror" ); }); ~~~ Ich versuchte schon unter firefox mit dem debugger zu arbeiten... bin aber da nicht recht fit … Hat jemand eine Idee wann dies passiert oder wo ich suchen müsste Grüße Jürgen

Hallo verwende Bootstrab tab und möchte in einen div Container (div id="box-7-1") via Ajax einen html-code einfügen. Dabei setzt er mir den Style des haupt div containers mit der class=tab-content auf "display: none" (der der nachgeladen wird code ist ok) er überschreibt ihn aus welchen Gründen auch immer im Anschluss sieht der Haupt-Container dann so aus <div class="tab-content clearfix" style="display: none;"> Zustand vor dem Nachladen durch Ajax ~~~HTML <div class="tab-content"> <div id="box-7" class="tab-pane fade in active"> <ul class="nav nav-tabs navSub"> <li class="" id="id-box-7-2" style="white-space: nowrap;" data-growtypeid="7" data-phecid="3" data-growtypegroup="1" data-type="1" data-phecgrowtypeid="2"> <a href="#box-7-2" class="editable editable-click inline-input" name="shortDesc" id="editable-7-2" onclick="request(7,1,1, 1, 0,0, 2)" data-toggle="tab">zweiter Te&nbsp;<span class="badge badge-success">&nbsp;</span></a> </li> <li class="in active" id="id-box-7-1" style="white-space: nowrap;" data-growtypeid="7" data-phecid="1" data-growtypegroup="1" data-phecgrowtypeid="1"><a href="#box-7-1" class="editable editable-click inline-input" name="shortDesc" data-name="username" data-type="text" id="editable-7-1" data-toggle="tab">Test PhEC<span class="badge badge-success" style="margin-left: 5px;">&nbsp;</span></a> </li> <li class="" id="id-box-7-0" growtypegroup="1"> <a href="#box-7-0" data-toggle="tab"> <span class="shortDesc editable" id="editable-7-0" name="shortDesc" data-phecid="" data-growtypegroup="1"> <i class="blue ace-icon fa fa-plus center bigger-110"></i> </span></a> </li> <button type="button" id="editTitle" class="btn btn-white btn-info"><i class="blue ace-icon fa fa-pencil center bigger-110"></i></button></ul> <div class="tab-content"> <div id="box-7-2" class="tab-pane "> phecgrowtypeid ===&gt; 2xxxxx </div> **<div id="box-7-1" class="tab-pane in active">** phecgrowtypeid ===&gt; 1yyyyy </div> <div id="box-7-0" class="tab-pane "> growTypeid == 7 und default = 1 </div> </div> </div> ~~~ Die ajax-anweisung lautet ~~~JavaScript $.ajax({ url:"pages/phecSettings.php", type:'GET', data:{ growTypeId: growTypeId, growTypeGroup: growTypeGroup, week: week, type: type, phecGrowTypeId: phecGrowTypeId, daughterDbId: daughterDivBoxId }, success:function(data){ $(tab).html(data); // Schreibt die Ausgabe in den div Container mit der id "#box-7-1" } }).fail(function() { alert( "sssssssserror" ); }); ~~~ Ich versuchte schon unter firefox mit dem debugger zu arbeiten... bin aber da nicht recht fit … Hat jemand eine Idee wann dies passiert oder wo ich suchen müsste Grüße Jürgen