gpt4 book ai didi

javascript - 在 jquery 代码中调用脚本

转载 作者:行者123 更新时间:2023-12-03 12:39:24 24 4
gpt4 key购买 nike

以下代码应在更改切换容器上触发,该容器显示调整大小的文本以适合框。

<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="http://jquery-textfill.github.io/jquery-textfill/jquery.textfill.min.js"></script>

<script>
$(function(){
$(".clsNumber").textfill();
});
</script>

<script>
$(document).ready(function(){
$("button").click(function(){
$(".clsToggle").slideToggle();
});
});
</script>
</head>

<body>
<div class="clsToggle">
<div class="clsNumber" style="width:100px; height:50px; background-color:red;">
<span>One</span>
</div>
</div>
<div class="clsToggle" style="display:none;">
<div class="clsNumber" style="width:100px; height:50px; background-color:green;">
<span>Two</span>
</div>
</div>
<button>click me</button>
</body>

我希望调整后的文本适用于两个切换容器。

隐藏框 (display:none;) 忽略其他脚本 (jQuery TextFill) 的任何原因?

最佳答案

使用以下内容更改 document.ready 代码

$(document).ready(function(){
$("button").click(function(){
$(".clsToggle").slideToggle();
$(".clsNumber").textfill();
});
});

请查找完整代码here

关于javascript - 在 jquery 代码中调用脚本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23584479/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com