点击后,阅读更多切换功能按钮消失

时间:2014-09-24 08:00:56

标签: javascript php jquery wordpress

我的wordpress博客上有一个javascript函数。 "阅读更多"来自wordpress的链接在同一页面加载隐藏文本。 它工作正常。如果您看到隐藏文本,则会出现一个名为"关闭"的按钮。再次隐藏文本,但如果我单击此按钮按钮再次打开文本它会消失。 当然,我希望看到"阅读更多"再次按钮,以便用户可以根据需要随时打开和关闭隐藏文本。

PHP代码

<?php 
function pobo_rmi_oninit(){
    if(!is_admin()){
            $pluginUrl = plugin_dir_url(__FILE__);
            wp_register_script(
                'pobo_rmi', 
                $pluginUrl . "js/pobo_rmi.js",
                array('jquery'));
            wp_enqueue_script('pobo_rmi');
    }
}
add_action('init', pobo_rmi_oninit); 
function pobo_rmi_morelink_filter($link){
    global $post;
    $my_id = $post->ID;
        $post_object= get_post($my_id);
        $content = $post_object->post_content;
        $debris = explode('<!--more-->', $content);
    $link.='</p><div class="readmoreinline">'.$debris[1].'</div><a class="close">close</a>';
    return $link;
}
add_filter('the_content_more_link', pobo_rmi_morelink_filter, 999);?>

javascript代码:

var $j = jQuery.noConflict();

$j('document').ready(function(){
    $j('.readmoreinline').hide();
    $j('.close').hide();
    $j('.more-link').click(function(e){
        e.preventDefault();
        $j(this).empty().parent().next('.readmoreinline').show();
        $j('.close').show(); 

            $j('.close').click(function(e){
    $j('.readmoreinline').hide();
    $j('.close').hide();
    });
    });

});
有人能帮帮我吗?非常感谢! 问候 FLO

0 个答案:

没有答案