Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/grails/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 点击改变css类?_Php_Javascript_Jquery_Html_Css - Fatal编程技术网

Php 点击改变css类?

Php 点击改变css类?,php,javascript,jquery,html,css,Php,Javascript,Jquery,Html,Css,好的,我从数据库中提取帖子,我想让访问者有两种方式来查看所提取的数据:gallery和list view。 所以,我最初打算使用标签,但结果一点也不好,因为它在两次拉同一内容时会导致搜索结果和其他问题。所以我觉得这个主意可能更好。这和标签的概念是一样的。。。它只会以不同的方式工作 基本上我想有两个链接: 1.)多媒体资料视图2.)列表视图 当人们登陆页面时,所有被拉取的数据都将在一个名为“gallery”的div中,当人们点击“list view”链接时,我希望“gallery”类在不重新加载页

好的,我从数据库中提取帖子,我想让访问者有两种方式来查看所提取的数据:gallery和list view。 所以,我最初打算使用标签,但结果一点也不好,因为它在两次拉同一内容时会导致搜索结果和其他问题。所以我觉得这个主意可能更好。这和标签的概念是一样的。。。它只会以不同的方式工作

基本上我想有两个链接: 1.)多媒体资料视图2.)列表视图

当人们登陆页面时,所有被拉取的数据都将在一个名为“gallery”的div中,当人们点击“list view”链接时,我希望“gallery”类在不重新加载页面的情况下更改为“list”。然后,当他们再次单击“Gallery View”时,它将再次将“list”类更改为“Gallery”类。。。 就像标签一样。。。唯一的区别是我们只处理一组内容。而不是切换标签。。。我们正在点击切换css类

这样我就可以通过css编辑内容的显示方式


可以这样做吗?

单击“使用”切换类


这将删除
gallery
类(如果它已经存在),如果不是,则添加它。
列表也是如此

您需要知道如何添加/删除CSS类吗?或者对CSS进行编码,使其以您描述的方式显示?我们可以看看您当前拥有的吗?既然您有jquery,请尝试使用addClass()和removeClass()函数。通过这种方式,您可以操纵链接来添加/更改Container的css属性一个没有代码或错误消息的长段落通常是一个糟糕的问题-1可能重复
$('button').click(function(){ 
    $('my-node').toggleClass('gallery list')
});