Question

在此脚本中，单击“显示”链接并显示预览图像时，链接文本应更改为“隐藏”。它仅在第3次点击后才有效。

<span id='previewLinks'><br/><a id='showPreview' title='".get_option('my_theme')."'>Show</a>

$('#showPreview').click
(
    function(e) 
    {
    var myImage = $('#my_theme :selected').val();
    $('#largePreview').slideToggle(0, function() {
        $('#showPreview').text($(this).is(':visible') ? 'Hide' : 'Show');
    });
    $('#largePreview').attr('src', '<?php echo get_bloginfo('template_directory') ?>/styles/'+myImage+'/screenshot-help.jpg');
    }
);

Answer 1

你可以试试这个：

$('#showPreview').click(
    function(e) {
    var myImage = $('#my_theme :selected').val();
    $('#largePreview').slideToggle(0, function() {
        $('#showPreview').text($(this).is(':visible') ? 'Hide' : 'Show');
    });
    $('#largePreview').attr('src', '<?php echo get_bloginfo('template_directory') ?>/styles/'+myImage+'/screenshot-help.jpg');
    }).click();

Answer 2

它最初不起作用的原因是因为#largePreview必须具有与您假设的显示状态相反的显示状态。这种变化可能会解决它。请注意!

$('#showPreview').text(!$(this).is(':visible') ? 'Hide' : 'Show');

或者您可能需要更改#largePreview的css。

Answer 3

找出你做错了什么：

See example here.
1.使用

$(document).ready(function(){
});

2。 <a href="javascript:;"> TEXT </a> will give you a right anchor
希望能帮助到你！感谢Jasper Too。

单击Jquery更改文本以“显示”或“隐藏”

3 个答案: