我在我的 site 上使用 domtab . (在“TOUS LES FILMS”和“AFFICHAGE HORAIRE”之间) 但是高度不会自动设置,这就是为什么我每次点击它们时都尝试使用 jquery 来修改它。
这是标签的 HTML 结构
<div id="domtab1" class="domtab">
<ul class="domtabs">
<li><a id="fl1A" href="#t1">TOUS LES FILMS</a></li>
<li><a id="fl1B" href="#t2">AFFICHAGE HORAIRE</a></li>
</ul>
<div class="flip1A" id="fli1A">
<h2><a name="t1" id="t1"></a></h2>
<ol class="rounded-list">
<li><a href="#">Spiderman</a></li>
<li><a href="#">Pokemon</a></li>
<li><a href="#">X men</a></li>
<li><a href="#">Blanche Neige</a></li>
</ol>
<p><a href="#top">back to menu</a></p>
</div>
<div id="fli1B" class="flip1B" >
<h2><a name="t2" id="t2"></a></h2>
<div class="heading2">
<hr class="gradient_one" />
<p class="hours_gradient">12h10</p>
</div>
<ol class="rounded-list">
<li><a href="#">Spiderman</a></li>
<li><a href="#">Pokemon</a></li>
</ol>
...
<p><a href="#top">back to menu</a></p>
</div>
</div>
这里是我试过但没有成功的 jquery 代码:
$('#fl1B').on("click", function (e) {
var maxHeight2 = document.getElementById("fli1B").scrollHeight;
$("#text_var").html(maxHeight2);
$("#flip-tabs").css({
'height': maxHeight2 + 'px'
});
});
$("#fl1B").click(function () {
var maxHeight2 = document.getElementById("fli1B").scrollHeight;
$("#text_var").html(maxHeight2);
$("#flip-tabs").css({
'height': maxHeight2 + 'px'
});
});
$('#fl1B').live('click', function () {
var maxHeight2 = document.getElementById("fli1B").scrollHeight;
$("#text_var").html(maxHeight2);
$("#flip-tabs").css({
'height': maxHeight2 + 'px'
});
});
最佳答案
您的处理程序工作正常,实际上它们都是正确的。 我试过第一个:
$('#fl1B').on("click", function (e) {
var maxHeight2 = document.getElementById("fli1B").scrollHeight;
console.log("New height: " + maxHeight2);
$("#text_var").html(maxHeight2);
$("#flip-tabs").css({
'height': maxHeight2 + 'px'
});
});
您的 html 中没有 ID 为 flip-tabs
的元素,因此我无法详细说明该问题。如果这不是问题本身:)
我已经用这个 ID 添加了一个 div,所以你可以看到 css
调用也在工作:检查这里:http://jsfiddle.net/balintbako/9WYpL/
我在 $(document).ready()
block 中分配处理程序,这可能与您的代码不同。
关于javascript - .click 不适用于更改选项卡容器的高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17648734/