Knockout 2.2.0 error with jQuery 1.9

问题

I copied one of examples of knockoutjs:

    <!DOCTYPE html>
    <html>
    <head>
      <script src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/knockout/2.2.0/knockout-min.js"></script>

    <meta charset=utf-8 />
    <title>JS Bin</title>

    </head>
    <body>


    <h2>Participants</h2>
    Here are the participants:
    <div data-bind="template: { name: 'person-template', data: buyer }"></div>
    <div data-bind="template: { name: 'person-template', data: seller }"></div>





    <script id="person-template" type="text/html">
        <h3 data-bind="text: name"></h3>
        <p>Credits: <span data-bind="text: credits"></span></p>
    </script>

    <script type="text/javascript">
         function MyViewModel() {
             this.buyer = { name: 'Franklin', credits: 250 };
             this.seller = { name: 'Mario', credits: 5800 };
         }
         ko.applyBindings(new MyViewModel());
    </script>
    </html>

When I updated jQuery to Version 1.9, I'm got following error:

Uncaught TypeError: Object function (e,t){return new st.fn.init(e,t,X)} has no method 'clean'

I'd appreciate it if someone could explain if the bug is in jQuery or KO.

回答1:

The Cause

You are not using the most current version of Knockout. The previous version, 2.2.0, is incompatible with jQuery 1.9.x and on. See this Knockout dev thread:

Knockout 2.2.0 uses jQuery.clean() which is deprecated and does not exist in 1.9.

This means that Knockout 2.2.0 is calling an undefined jQuery method, thus triggering the JS error you specified.

Solutions

Consider updating to the latest version of Knockout which is compatible with jQuery 1.9
If you can't, use the jQuery Migrate plugin which adds backward-compatibility to jQuery 1.9
If all else fails, you'll need to revert back to jQuery 1.8

回答2:

Updating Knockout to 2.2.1 solves the problem for me:

2.2.0: http://jsfiddle.net/UDSBC/2/
2.2.1: http://jsfiddle.net/UDSBC/1/

So just change:

<script src="http://cdnjs.cloudflare.com/ajax/libs/knockout/2.2.0/knockout-min.js"></script>

To:

<script src="http://cdnjs.cloudflare.com/ajax/libs/knockout/2.2.1/knockout-min.js"></script>

And it'll work.

来源：https://stackoverflow.com/questions/14475781/knockout-2-2-0-error-with-jquery-1-9

标签

jquery

knockout.js

jquery-1.9