[Look this Documentation][1]


  [1]: http://blog.jquerymobile.com/2013/02/20/jquery-mobile-1-3-0-released/

jQuery mobile is locked to some versions of jQuery! You will find a text of

&gt; jQuery Mobile 1.3.0 supports versions of jQuery core 1.7.2 – 1.9.1 and
&gt; we’re actively testing the upcoming 2.0 version too. We will be
&gt; keeping in sync with their releases to let you take full advantage of
&gt; the new goodness.

**UPDATE**

jQuery mobile now works with 2.x versions too, though version 3 still returns the mentioned error.

Use latest version **1.5**
 ( It is available at:
 [code.jquery.com][2]):

    http://code.jquery.com/mobile/1.5.0-rc1/jquery.mobile-1.5.0-rc1.min.js


  [1]: https://github.com/jquery/jquery-mobile/issues/8546#issuecomment-271163317
  [2]: http://code.jquery.com/mobile/
  [3]: https://stackoverflow.com/a/41554472/2377343

I recently tried the following commands in Python:

    &gt;&gt;&gt; {lambda x: 1: &#39;a&#39;}
    {&lt;function __main__.&lt;lambda&gt;&gt;: &#39;a&#39;}

    &gt;&gt;&gt; def p(x): return 1
    &gt;&gt;&gt; {p: &#39;a&#39;}
    {&lt;function __main__.p&gt;: &#39;a&#39;}

The success of both `dict` creations indicates that both lambda and regular functions are hashable. (Something like `{[]: &#39;a&#39;}` fails with `TypeError: unhashable type: &#39;list&#39;`).

The hash is apparently not necessarily the ID of the function:

    &gt;&gt;&gt; m = lambda x: 1
    &gt;&gt;&gt; id(m)
    140643045241584
    &gt;&gt;&gt; hash(m)
    8790190327599
    &gt;&gt;&gt; m.__hash__()
    8790190327599

The last command shows that the `__hash__` method is explicitly defined for `lambda`s, i.e., this is not some automagical thing Python computes based on the type.

What is the motivation behind making functions hashable? For a bonus, what is the hash of a function?

Why and how are Python functions hashable?

I&#39;m using react/es6/webpack. I want to show the date of the build and git hash somewhere in my app. What&#39;s the best approach?

Including git commit hash and date in webpack build

I have created a sample index.html file and included the latest jquery (3.1.0) and jquery mobile (1.4.5). 

On the loading page the error console outputed:

&gt; jquery.mobile-1.4.5.js:3337 Uncaught TypeError: Cannot read property &#39;concat&#39; of undefined`

on this line:

    mouseEventProps = $.event.props.concat( mouseHookProps ),

When I tried include jquery-1.11.2 there was no issue. Can any one tell me why?

jquery.mobile 1.4.5 Uncaught TypeError: Cannot read property &#39;concat&#39; of undefined

I have created a sample index.html file and included the latest jquery (3.1.0) and jquery mobile (1.4.5).
On the loading page the error console outputed:
> jquery.mobile-1.4.5.js:3337 Uncaught TypeError: Cannot read property 'concat' of undefined`
on this line:
<pre><code class="hljs language-ini">mouseEventProps = $.event.props.concat( mouseHookProps ),
</code></pre>
When I tried include jquery-1.11.2 there was no issue. Can any one tell me why?

I&#39;m looking at Vue.js as an alternative to Angular and I really like it so far.
To get a feeling for it, I&#39;m refactoring an existing Angular project to a Vue project. I&#39;m just at the point where I need to communicate with my REST API. 

In Angular I used to define a service for that, that was injected into every controller that needed it. Vue doesn&#39;t seem to know the &quot;service&quot; construct as I understand. How can this be achieved in Vue?

I considered `vue-resource`, but it&#39;s only for http functionalities as far as I understand. As I use jQuery too, this is obsolete.

Example:

I have `vueComponent1` and `vueComponent2`. Both need access to the same REST resource. To handle this I want a central service, which both of the components can use for requests to the REST resource. Angular has the &#39;service&#39; component, which exactly does that. Vue hasn&#39;t.


Vue.js: define a service

I have to pass a function to another function, and execute it as a callback. The problem is that sometimes this function is async, like:

    async function() {
     // Some async actions
    }

So I want to execute `await callback()` or `callback()` depending on the type of function that it is receiving.

Is there a way to know the type of the function??

How to know if a function is async?

I&#39;m trying to make a graph with Charts.js (current one is just a really simple example I&#39;m trying to get working, somewhat taken from the Chart.js documentation) and the graph isn&#39;t scaling to the size of the canvas I&#39;m giving it. Here is all the relevant code. 

To import it:

    &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.1.6/Chart.bundle.min.js&quot;&gt;&lt;/script&gt;


Then, I connect it to a javascript file as follows: 

    &lt;script type=&quot;text/javascript&quot; src=&quot;js/stats_tab.js&quot;&gt;&lt;/script&gt;

I have my canvas set up: 

            &lt;div id=&quot;graph_2015&quot; class =&quot;stats_box&quot;&gt;
                &lt;h4&gt;Graph 2015&lt;/h4&gt;
                Text
                &lt;canvas id=&quot;myChart&quot; width=&quot;200&quot; height=&quot;200&quot;&gt;&lt;/canvas&gt;
            &lt;/div&gt;

And then finally in stats_tab.js, I have the following code:


    window.onload=function(){
        var ctx = document.getElementById(&quot;myChart&quot;).getContext(&quot;2d&quot;);
        var myChart = new Chart(ctx, {
            type: &#39;line&#39;,
            data: {
                labels: [1,2,3,4,5,6,7,8,9,10],
                datasets: [
                    {
                        label: &quot;My First dataset&quot;,
                        data: [1,2,3,2,1,2,3,4,5,4]
                    }
                ]
            },
            options: {
            }
        });
    }

The graph displays nicely, but it refuses to scale to the size of the canvas I gave it. There is also no css relevant to any of the divs involved. The inspect feature on chrome lets me know that the final graph is 676 by 676 instead of the 200 by 200 I specified. Not really sure what&#39;s going on.

Thanks!

Charts.js graph not scaling to canvas size

I&#39;m new to ReactJS. Previously I&#39;ve used jQuery to set any animation or feature that I needed. But now I&#39;m trying to use ReactJS and minimize the use of jQuery.

**My Case is:**

I&#39;m trying to build an accordion with ReactJS.

    &lt;div class=&quot;accor&quot;&gt;
       &lt;div class=&quot;head&quot;&gt;Head 1&lt;/div&gt;
       &lt;div class=&quot;body hide&quot;&gt;Body 1&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class=&quot;accor&quot;&gt;
       &lt;div class=&quot;head&quot;&gt;Head 1&lt;/div&gt;
       &lt;div class=&quot;body hide&quot;&gt;Body 1&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class=&quot;accor&quot;&gt;
       &lt;div class=&quot;head&quot;&gt;Head 1&lt;/div&gt;
       &lt;div class=&quot;body hide&quot;&gt;Body 1&lt;/div&gt;
    &lt;/div&gt;

*using JQuery*:&lt;br&gt;

    $(&#39;.accor &gt; .head&#39;).on(&#39;click&#39;, function(){
       $(&#39;.accor &gt; .body&#39;).slideUp();
       $(this).next().slideDown();
    });

**My Question:**

How can I do this with ReactJS?


How to use JQuery with ReactJS

I am using sequelize with MySQL. For example if I do:

    models.People.update({OwnerId: peopleInfo.newuser},
            {where: {id: peopleInfo.scenario.id}})
            .then(function (result) {
                response(result).code(200);
                
            }).catch(function (err) {
            request.server.log([&#39;error&#39;], err.stack);
           ).code(200);
        });
I am not getting information back if the people model was succesfully updated or not. Variable result is just an array with one element, 0=1

How can I know for certain that the record was updated or not.


Sequelize - update record, and return result

I&#39;ve done quite a bit of searching and was not able to find an answer to my question, so here goes. 

I am trying to create a slideout toggle menu with [this tutorial][1], and I&#39;m getting an error `slideoutMenu.animate is not a function`

here is the html div in question:

    &lt;div id=&quot;corner-button&quot;&gt;&lt;a href=&quot;#&quot; class=&quot;slideout-menu-toggle&quot;&gt;myLink&lt;/a&gt;&lt;/div&gt;

		&lt;div class=&quot;slideout-menu&quot;&gt;
				&lt;h3&gt;&lt;a href=&quot;#&quot; class=&quot;slideout-toggle&quot;&gt;Toggle&lt;/a&gt;&lt;/h3&gt;
				&lt;ul&gt;
					&lt;li&gt;Add new task&lt;/li&gt;
					&lt;li&gt;See completed tasks&lt;/li&gt;
					&lt;li&gt;Go to metrics page&lt;/li&gt;
				&lt;/ul&gt;
			&lt;/div&gt;

and here is my js function:

    $(document).ready(function(){
	    $(&#39;.slideout-menu-toggle&#39;).on(&#39;click&#39;, function(event){
		    event.preventDefault();
		    console.log(&quot;in the toggle func&quot;);
    			var slideoutMenu = $(&quot;.slideout-menu&quot;);
    			var slideoutMenuWidth = $(&quot;.slideout-menu&quot;).width();
    			console.log(&quot;width : &quot; + slideoutMenuWidth);
    			slideoutMenu.toggleClass(&quot;open&quot;);
		
    			if(slideoutMenu.hasClass(&quot;open&quot;)){
    				console.log(&quot;open....&quot;);
    				slideoutMenu.animate({
    					left: &quot;0px&quot;
    				}, 500);
    			} else {
    				slideoutMenu.animate({
    				left: -slideoutWidth
    				}, 250);
			}
    	});
    });


I&#39;ve tried a number of things, wrapping the above within a straight javascript function and using

    (function($){
        // code here
    })
but they all result in the same error. The q&#39;s I found related to that issue here on stackoverflow mainly directed users to have &#39;animate&#39; instead of &#39;animated&#39; or to make sure they use a jquery obj and not a dom obj. 

Browsed thru quite a few others, but they just variations on what I had already done. tested in firefox and chrome. 

when adding a console log statement `console.log($.fn.jquery);` I get: 

    3.1.0 -ajax,-ajax/jsonp,-ajax/load,-ajax/parseXML,-ajax/script,-ajax/var/location,-ajax/var/nonce,-ajax/var/rquery,-ajax/xhr,-manipulation/_evalUrl,-event/ajax,-effects,-effects/Tween,-effects/animatedSelector,-deprecated

thanks. 

  [1]: http://alijafarian.com/jquery-horizontal-slideout-menu/

jquery : $().animate() is not a function

I&#39;m learning jQuery using visual studio and testing my code in Chrome browser. This is my HTML code

    &lt;!DOCTYPE html&gt;
    &lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
    &lt;head&gt;
        &lt;script src=&quot;jquery-3.1.0.js&quot;&gt;&lt;/script&gt;
    
        &lt;script type=&quot;text/javascript&quot;&gt;
            $(window).load(function () {
                alert(&quot;Window Loaded&quot;);
            });
        &lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
        
    &lt;/body&gt;
    &lt;/html&gt;


This is my solution explorer


[![Solution Explorer][1]][1]


  [1]: http://i.stack.imgur.com/Nv3f3.png

Now why my browser doesn&#39;t alert &quot;window Loaded&quot;?


why $(window).load() is not working in jQuery?

I have recently moved from Angular to ReactJs. I am using jQuery for API calls. I have an API which returns a random user list that is to be printed in a list.

I am not sure how to write my API calls. What is best practice for this?

I tried the following but I am not getting any output. I am open to implementing alternative API libraries if necessary.

**Below is my code:**

&lt;!-- language: lang-js --&gt;

    import React from &#39;react&#39;;
    
    export default class UserList extends React.Component {    
      constructor(props) {
        super(props);
        this.state = {
          person: []
        };
      }
      
      UserList(){
        return $.getJSON(&#39;https://randomuser.me/api/&#39;)
        .then(function(data) {
          return data.results;
        });
      }
      
      render() {
        this.UserList().then(function(res){
          this.state = {person: res};
        });
        return (
          &lt;div id=&quot;layout-content&quot; className=&quot;layout-content-wrapper&quot;&gt;
            &lt;div className=&quot;panel-list&quot;&gt;
              {this.state.person.map((item, i) =&gt;{
                return(
                  &lt;h1&gt;{item.name.first}&lt;/h1&gt;
                  &lt;span&gt;{item.cell}, {item.email}&lt;/span&gt;
                )
              })}
            &lt;div&gt;
          &lt;/div&gt;
        )
      }
    }

what is right way to do API call in react js?

I recently had a question about how to correctly check if an element exists with jQuery. I found the answer from here:

https://learn.jquery.com/using-jquery-core/faq/how-do-i-test-whether-an-element-exists/

In summary:

    if ( $( &quot;#myDiv&quot; ).length ) {
        // Do something
    }

One guy I work with says the correct way to check should be:

    if ($( &quot;#myDiv&quot; ) &amp;&amp; $( &quot;#myDiv&quot; ).length ) {
        // Do something
    }

Does it matter? I mean from a performance or latency wise, do they perform the same?

Also:

    $( &quot;#myDiv&quot; ).show();
    $( &quot;#myDiv&quot; ).hide();
    $( &quot;#myDiv&quot; ).val(&#39;&#39;);

In these type of jQuery functions, it seems no `if` check is needed because they won&#39;t raise an error if `#myDiv` does not exist, correct?

For what it&#39;s worth, I am using jQuery 1.6.4.


Content Type	Original Author	Original Content on Stackoverflow
Question	mobiledevnewbie	View Question on Stackoverflow
Solution 1 - Javascript	Manikandan	View Answer on Stackoverflow
Solution 2 - Javascript	T.Todua	View Answer on Stackoverflow

jquery.mobile 1.4.5 Uncaught TypeError: Cannot read property 'concat' of undefined

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

Solution 2 - Javascript

Including git commit hash and date in webpack build

Why and how are Python functions hashable?

Attributions