我是靠谱客的博主 愤怒吐司,最近开发中收集的这篇文章主要介绍css类名可以用变量吗,如何使用变量内容作为css类名?,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

echo("var answersC = answer-table-$qrow->id;");

echo("var toggleC = toggle-table-$qrow->id;");

?>

jQuery('toggleC').click(function() {

jQuery('answersC').slideToggle('fast');

});

我没有一个静态的css类名,而是有一个在循环中创建唯一类的页面。我希望能够切换这些单独的区域,但我不知道如何使用变量字符串作为css类的名称。

我也是这样尝试过的,没有更好的运气。

echo("var answersC = $qrow->id;");

echo("var toggleC = $qrow->id;");

?>

jQuery('.answer-table-'+answerC).click(function() {

jQuery('answersC'+toggleC).slideToggle('fast');

});

有人有什么想法吗?我不太了解这项工作。谢谢!

更新:我应该补充一点,这是在脚本标记内的PHP页面上。

更新2:

我一直在尝试各种建议,以至于我的眼球感觉他们正抱着一个装满炒鸡蛋的头。我非常擅长google js解决方案,但我对它的知识不是很广泛,因此很难理解当它们不起作用时如何扩展它们。

我现在的位置是这段代码:(注意我从类切换到ID)

我可以在firebug中看到变量内容与html中的id匹配,我得到没有错误,但它仍然没有做任何事情。

在其他地方,我使用以下功能显示所有问题的所有答案:

$('.atoggle').click(function() {

$('.answer-table').slideToggle('fast');

});

这个完美无缺,只有我真的只想在每个问题的基础上打开答案。

注意:'$'与'jQuery'的区别只是因为一个在包装函数中的.js文件中允许WordPress中的'$',那个不工作的文件只是在页面源中这点。非常感谢大家的投入!

更新(最终):

对于在搜索中遇到此问题的任何人,我都会发布最终的工作代码。还有一个问题需要将其包装在document.ready函数中。

工作版本:

jQuery(document).ready(function() {

最后

以上就是愤怒吐司为你收集整理的css类名可以用变量吗,如何使用变量内容作为css类名?的全部内容,希望文章能够帮你解决css类名可以用变量吗,如何使用变量内容作为css类名?所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(57)

评论列表共有 0 条评论

立即
投稿
返回
顶部