Coldfusion 8 和 JQuery 切换

发布于 2024-11-25 01:08:50 字数 676 浏览 0 评论 0原文

我首先尝试在 Jquery 中实现 Toggle 函数。当我在一个简单的 html 页面中测试它时，它起作用了。然后我将代码复制到我的 CF 页面中。由于我试图将其动态地从数据库中提取，因此它在所有

标记上实现了该功能。我想我必须在某个地方使用 this 命令，但不确定如何正确使用它才能使其工作。当用户点击他们想要的传记时，它只会打开 1 个传记，而不是同时打开所有其他传记。建议？

<script type="text/javascript">

$(document).ready(function(){

    $(".toggle_container").hide(); 

    $('.trigger').click(function() {
        $(this).toggleClass("toggle_container")
    });

});
</script>


<cfif Statement NEQ ''>
<p><a class="trigger" href="##">Research Profile</a></p>
<p class="toggle_container">#Statement#</p>
</cfif>

原文

I'm trying to implement the Toggle function in Jquery for the first. When I tested it out in a simple html page, it worked. Than I copied the code into my CF page. Since I'm trying to have it pulled from my database dynamically, it implemented the function on all the <p> tag. I think I have to use the this command somewhere but not sure how to used it properly to make it work. When the user click on the biography they want, it will open up only 1 instead of all the other biography at the same time. Suggestions?

<script type="text/javascript">

$(document).ready(function(){

    $(".toggle_container").hide(); 

    $('.trigger').click(function() {
        $(this).toggleClass("toggle_container")
    });

});
</script>


<cfif Statement NEQ ''>
<p><a class="trigger" href="##">Research Profile</a></p>
<p class="toggle_container">#Statement#</p>
</cfif>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

清欢 2024-12-02 01:08:50

我认为你这里有两种不同的 jquery 实现。

此行使用 jquery hide 来隐藏元素：

$(".toggle_container").hide();

这使用 jquerytoggleClass 行来切换类：

$(this).toggleClass("toggle_container")

代码中未指定该类，因此没有要切换的类。 jquerytoggleClass 文档

你可以尝试这个：

$(document).ready(function(){

$(".toggle_container").hide();

$('.trigger').click(function(e) {
    e.preventDefault();

    $(this).parent().next().toggle();
});
});

小提琴示例：http://jsfiddle.net/jensbits/bgWJz/

I think you have two different jquery implementations here.

This line uses jquery hide to hide the element:

$(".toggle_container").hide();

This uses jquery toggleClass line to toggle a class:

$(this).toggleClass("toggle_container")

The class is not specified in your code so it has no class to toggle. jquery toggleClass docs

You could try this instead:

$(document).ready(function(){

$(".toggle_container").hide();

$('.trigger').click(function(e) {
    e.preventDefault();

    $(this).parent().next().toggle();
});
});

Fiddle example: http://jsfiddle.net/jensbits/bgWJz/

回复收藏 0 原文

~没有更多了~