Knockout 2.2.0 error with jQuery 1.9

StackOverflow https://stackoverflow.com/questions/14475781

  •  17-01-2022
  •  | 
  •  

Pregunta

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.

¿Fue útil?

Solución

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

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

Otros consejos

Updating Knockout to 2.2.1 solves the problem for me:

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.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top