Question

在我的post.js中，我有这个：

var ready;
ready = function() {

    // This is the Sidebar toggle functionality
    var toggleSidebar = $(".togglesidebar");
    var primary = $("#primary");
    var secondary = $("#secondary");

    toggleSidebar.on("click", function(){

        if(primary.hasClass("col-sm-9")){
            primary.removeClass("col-sm-9");
            primary.addClass("col-sm-12");
            secondary.css('display', 'none');
        }
        else {
            primary.removeClass("col-sm-12");
            primary.addClass("col-sm-9");
            secondary.css('display', 'inline-block');
        }
    }); 
};

$(document).ready(ready);

哪个最适用。有时候toggleSidebar没有切换（例如，当你转到另一个页面然后回到主按钮所在的主页时......它没有切换。我必须先刷新页面它再次开始工作......我怀疑这与Turbolinks有关）...但这是一个侧面问题。这不是核心问题。

我也有：

counter = function() {
    var body_value = $('#post_body').val();
    var title_value = $('#post_title').val();       

    if (body_value.length == 0) {
        $('#wordCountBody').html(0);
        return;
    }

    if (title_value.length == 0) {
        $('#wordCountTitle').html(0);
        return;
    }

    var regex = /\s+/gi;
    var wordCountBody = body_value.trim().replace(regex, ' ').split(' ').length;
    var wordCountTitle = title_value.trim().replace(regex, ' ').split(' ').length;

    $('#wordCountBody').html(wordCountBody);
    $('#wordCountTitle').html(wordCountTitle);
};

$(document).on('ready page:load', function () {
  $('#count').click(counter);
    $('#post_body, #post_title').on('change keydown keypress keyup blur focus', counter);
});

根本不起作用。事实上，每当我将光标放在JS控制台的#post_title文本字段中时，我都会收到此错误：

Uncaught TypeError: Cannot read property 'length' of undefined

我怀疑与上述有关。

导致这种情况的原因是什么？

另外，我不确定我post.js文件中这些陈述的顺序是否真的重要，我为了这个问题的目的改变了顺序 - 所以更清楚。

但是，在我的实际post.js中，订单是：

var ready;
ready function() declaration
counter function() declaration
$(document).ready(ready);
$(document).on('ready page:load', function () {
  $('#count').click(counter);
    $('#post_body, #post_title').on('change keydown keypress keyup blur focus', counter);
});

所有这些都是错误的，我只是不知道如何将它们结合起来并清理它。

思想？

Answer 1

然后，很明显body_value是未定义的，因为$('#post_body').val()返回undefined，如果#post_body不存在或者它不是形成对象，则会发生这种情况有一个.val()方法。我认为我们必须看到您的HTML进一步提供建议，但似乎#post_body不存在。

我如何获得一个准备好的功能和另一个在document.ready中很好地播放的功能？

1 个答案: