如何正确地将此脚本添加到function.php

时间:2014-03-11 21:26:08

标签: javascript jquery

我需要将此代码添加到wordpress的functions.php文件中。

jQuery('#billing_piegadatajs_field').find('input[name="billing_piegadatajs"]').each(function() {
jQuery(this).prop('checked', false);

但无论我如何尝试这一点,它都无法运作。我接近NONE的编码经验,所以请告诉我到底要做什么从A-Z,不要以为我知道你在谈论什么,如果你只是像我上面那样发布一个代码。我不知道该怎么做,这就是问题所在。

我尝试将它放在这样的functions.php中,但它只是灰色的中间部分。

function uncheck_radio() {
$script2 = '<script type="text/javascript">
    jQuery(document).ready(function(){
    jQuery('#billing_piegadatajs_field').find('input[name="billing_piegadatajs"]').each(function() {
    jQuery(this).prop('checked', false);
});
</script>';

echo $script2;
}

add_action( 'wp_footer', 'uncheck_radio' );

我尝试了10种如何添加它的变体,但它不起作用。请帮忙!

EDITED: 在加载页面时,代码本身似乎无法删除已检查的无线电。

我发现这个脚本据说可以正常工作。你能帮我实现一下吗?

(function ($) {
$.fn.uncheckableRadio = function () {

    return this.each(function () {
        var radio = this;
            $('label[for="' + radio.id + '"]').add(radio).mousedown(function () {
                $(radio).data('wasChecked', radio.checked);
            });

            $('label[for="' + radio.id + '"]').add(radio).click(function () {
                if ($(radio).data('wasChecked'))
                    radio.checked = false;
            });
       });
};
})(jQuery);

我输入的ype radio name =“billing_piegadatajs”和默认选中的值=“stacijas” 你能帮我实现吗?

2 个答案:

答案 0 :(得分:1)

在单引号区域内的任何位置使用双引号。 #billing_之前的第一个单引号是关闭引用区域。

另外,转义输入名称周围的引号(转义意味着(简而言之!)并不要将它们视为引号&#39; - 您通常通过在某个字符前加上某个字符来转义它控制字符,在这种情况下是反斜杠)。

$script2 = '
<script type="text/javascript">
    jQuery(document).ready(function(){
    jQuery("#billing_piegadatajs_field").find("input[name=\"billing_piegadatajs\"]").each(function() {
    jQuery(this).prop("checked", false);
});
</script>';

答案 1 :(得分:0)

为了简单起见,您可以在header.php/footer.php jQuery <script></script>之后的WordPress标记中将其放在模板文件中,但在.js中添加脚本的正确方法是使用wp enqueue script。将此代码放在themeroot/js/custom_script.js文件中,即wp_enqueue_script(),然后使用function add_theme_scripts() { wp_enqueue_script( 'custom-script', get_stylesheet_directory_uri() . '/js/custom_script.js', array('jquery') ); } add_action( 'wp_enqueue_scripts', 'add_theme_scripts' ); 函数将其添加到模板中,例如:

functions.php

将其放入custom_script.js文件中,并确保在主题的根文件夹中存储js custom_script.js(如果不可用,请创建)文件夹。在jQuery(document).ready(function(){ jQuery('#billing_piegadatajs_field') .find('input[name="billing_piegadatajs"]') .prop('checked', false); }); 文件中,只需粘贴您的代码,如下所示:

{{1}}

不确定您的代码,但这是您应该如何使用它。