WordPress 隐藏页面内容

发布于 2024-12-01 01:34:01 字数 194 浏览 2 评论 0原文

我正在使用 WP-Ecommerce 创建一个 WordPress 网站。我的客户要求提供一个我不知道如何制作的功能。他有一个带有很长描述的产品，并且他想要多个“继续阅读”链接来隐藏其中的部分内容。它应该在 javascript 中完成，以便客户端在单击“阅读更多”时不会被重定向到任何地方（扩展内容应该滚动打开。）

找到一个插件会很好，但我似乎找不到一个。

原文

分享到QQ

分享到微博

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

发布评论

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

鸠魁 2024-12-08 01:34:01

为此编写一个插件很容易。您只需要编写一个短代码来添加 javascript 即可执行您想要的操作。例如 jQuery 手风琴。

<?php

function add_accordion_js() {
?>
<script>
    $(function() {
        $( ".accordion" ).accordion();
    });
</script>
<?php
}

function jquery_accordion($atts, $content = null) {
    return '<div class="accordion">' . do_shortcode($content) . '</div>';
}


add_action('wp_head', 'add_accordion_js');

add_shortcode('accordion', 'jquery_accordion');

?>

类似的东西可以添加到你的functions.php中，你可以将折叠所需的所有内容包装在[accordion][/accordion]标签中...并且它将在标签处分解这些部分...

A plugin for this would be easy to write. You just need to write a shortcode that adds the javascript to do what you want. The jQuery accordion for instance.

<?php

function add_accordion_js() {
?>
<script>
    $(function() {
        $( ".accordion" ).accordion();
    });
</script>
<?php
}

function jquery_accordion($atts, $content = null) {
    return '<div class="accordion">' . do_shortcode($content) . '</div>';
}


add_action('wp_head', 'add_accordion_js');

add_shortcode('accordion', 'jquery_accordion');

?>

Something like that can be added to your functions.php and you would wrap everything you need to collapse in [accordion][/accordion] tags... and it will break the sections down at the tags...

回复收藏 0 原文

陈独秀 2024-12-08 01:34:01

不知怎的，我无法让 Accordion() 函数正常工作，但 Steve 给我指出了正确的方向，我得到了这个：

function add_accordion_js() {
?>
<script>
    jQuery(function() {

        jQuery(".accordion").hide();    

        jQuery(".opener").click(function (e) {
            jQuery(this).parent().next('.accordion').slideDown('fast');
            jQuery(this).slideUp();        
        }); 

    });
</script>
<?php
}

function jquery_accordion($atts, $content = null) {
    return '<span class="opener">(read more)</span><div class="accordion">' .   do_shortcode($content) . '</div>';
}


add_action('wp_head', 'add_accordion_js');
add_shortcode('accordion', 'jquery_accordion');

以及我需要隐藏在阅读更多链接下的东西，我包裹在 [accordion][/accordion] 标签中

somhow i couldn't get accordion() function to work but Steve pointed me in right direction and i got this going:

function add_accordion_js() {
?>
<script>
    jQuery(function() {

        jQuery(".accordion").hide();    

        jQuery(".opener").click(function (e) {
            jQuery(this).parent().next('.accordion').slideDown('fast');
            jQuery(this).slideUp();        
        }); 

    });
</script>
<?php
}

function jquery_accordion($atts, $content = null) {
    return '<span class="opener">(read more)</span><div class="accordion">' .   do_shortcode($content) . '</div>';
}


add_action('wp_head', 'add_accordion_js');
add_shortcode('accordion', 'jquery_accordion');

and things i needed to hide under read more link i wrapped in [accordion][/accordion]tags

回复收藏 0 原文

~没有更多了~