#15045 closed bug (notabug)

Opened September 11, 2016 02:44PM UTC

Closed September 11, 2016 10:55PM UTC

Last modified September 20, 2016 10:56PM UTC

Resizable: Resizable is not working from 1.8.4+ version

Reported by: tranquilodf Owned by: tranquilodf
Priority: minor Milestone: none
Component: ui.resizable Version: 1.12.0
Keywords: Cc:
Blocked by: Blocking:
Description

Hi!

I am studying jQuery and when I'm trying to make an example of the default format and it is not working when I use versions 1.8.4+. Below is the code to check:

EDITED: Code blocks removed

Attachments (0)
Change History (7)

Changed January 01, 1970 12:24AM UTC by tranquilodf comment:1

status: pending → new

Changed September 11, 2016 08:40PM UTC by scottgonzalez comment:2

component: ui.core → ui.resizable
description: Hi! \ I am studying jQuery and when I'm trying to make an example of the default format and it is not working when I use versions 1.8.4+. Below is the code to check: \ \ - Running code: \ \ \ {{{ \ <!doctype html> \ <html lang="en"> \ <head> \ <meta charset="utf-8"> \ <title>jQuery UI Resizable functionality</title> \ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> \ <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.12.0/jquery-ui.js"></script> \ <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.12.0/themes/base/jquery-ui.css"/> \ \ <!-- CSS --> \ <style> \ .ui-widget-header { \ background:#b9cd6d; \ border: 1px solid #b9cd6d; \ color: #FFFFFF; \ font-weight: bold; \ } \ .ui-widget-content { \ background: #cedc98; \ border: 1px solid #DDDDDD; \ color: #333333; \ } \ #resizable { width: 150px; height: 150px; padding: 0.5em;text-align: center; margin: 0; } \ </style> \ <script type="text/javascript" src="js/Aula41.js"></script> \ </head> \ \ <body> \ \ <!-- HTML --> \ <div id="resizable" class="ui-widget-content"> \ <h3 class="ui-widget-header">Pull my edges to resize me!!</h3> \ </div> \ \ <textarea id="resizable2" class="ui-widget-content" rows="5"></textarea> \ \ </body> \ </html> \ }}} \ \ \ - Code with new version and what does not: \ \ {{{ \ <!doctype html> \ <html lang="en"> \ <head> \ <meta charset="utf-8"> \ <title>jQuery UI Resizable functionality</title> \ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> \ <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.12.0/jquery-ui.js"></script> \ <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.12.0/themes/base/jquery-ui.css"/> \ \ <!-- CSS --> \ <style> \ .ui-widget-header { \ background:#b9cd6d; \ border: 1px solid #b9cd6d; \ color: #FFFFFF; \ font-weight: bold; \ } \ .ui-widget-content { \ background: #cedc98; \ border: 1px solid #DDDDDD; \ color: #333333; \ } \ #resizable { width: 150px; height: 150px; padding: 0.5em;text-align: center; margin: 0; } \ </style> \ <script type="text/javascript" src="js/Aula41.js"></script> \ </head> \ \ <body> \ \ <!-- HTML --> \ <div id="resizable" class="ui-widget-content"> \ <h3 class="ui-widget-header">Pull my edges to resize me!!</h3> \ </div> \ \ <textarea id="resizable2" class="ui-widget-content" rows="5"></textarea> \ \ </body> \ </html> \ }}} \ → Hi! \ I am studying jQuery and when I'm trying to make an example of the default format and it is not working when I use versions 1.8.4+. Below is the code to check: \ \ EDITED: Code blocks removed
owner: → tranquilodf
status: new → pending

It's working just fine for us: http://jqueryui.com/resizable/

If you're still having problems, please follow the instructions in the red box and provide a reduced test case using jsbin or jsFiddle. DO NOT paste large blocks of code into tickets.

Changed September 11, 2016 10:22PM UTC by tranquilodf comment:3

Below is the same codes but running locally and remotely running on JSBin. Note that locally it is not working, but when I insert the code in JSBin it works. What can be the problem? It's the same code...

  • Picture of local execution:

https://uploaddeimagens.com.br/imagens/codigo_local-png

  • Image of remote execution:

https://uploaddeimagens.com.br/imagens/codigo_jsbin-png

  • Code Link:

http://jsbin.com/xoxasi/4/edit?html,css,js,output

Changed September 11, 2016 10:55PM UTC by scottgonzalez comment:4

resolution: → notabug
status: new → closed

Well, locally you're running over the file protocol, so things like protocol relative URLs won't work if the resources aren't available locally, which is the case for the libraries you're trying to load.

Changed September 11, 2016 11:42PM UTC by tranquilodf comment:5

Hello, ok on protocol issues, but could tell me why the 1.8.3 version works locally and later versions do not work?

Changed September 11, 2016 11:58PM UTC by scottgonzalez comment:6

Please use the forums or Stack Overflow for help.

Changed September 20, 2016 10:56PM UTC by tranquilodf comment:7

Hello!

I found out where is the problem.

When we download the package it presents the fault that informed, when I copy the link ''https://code.jquery.com/jquery-1.12.4.min.js'' it works normally.

Thanks for the support.