Changes between Initial Version and Version 1 of Ticket #15045


Ignore:
Timestamp:
Sep 11, 2016, 4:40:05 PM (5 years ago)
Author:
Scott González
Comment:

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.

Legend:

Unmodified
Added
Removed
Modified
  • Ticket #15045

    • Property Owner set to tranquilodf
    • Property Status changed from new to pending
    • Property Component changed from ui.core to ui.resizable
  • Ticket #15045 – Description

    initial v1  
    22I 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:
    33
    4 - Running code:
    5 
    6 
    7 {{{
    8 <!doctype html>
    9 <html lang="en">
    10 <head>
    11     <meta charset="utf-8">
    12     <title>jQuery UI Resizable functionality</title>
    13     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    14     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.12.0/jquery-ui.js"></script>
    15     <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.12.0/themes/base/jquery-ui.css"/>
    16 
    17     <!-- CSS -->
    18     <style>
    19         .ui-widget-header {
    20             background:#b9cd6d;
    21             border: 1px solid #b9cd6d;
    22             color: #FFFFFF;
    23             font-weight: bold;
    24         }
    25         .ui-widget-content {
    26             background: #cedc98;
    27             border: 1px solid #DDDDDD;
    28             color: #333333;
    29         }
    30         #resizable { width: 150px; height: 150px; padding: 0.5em;text-align: center; margin: 0; }
    31     </style>
    32     <script type="text/javascript" src="js/Aula41.js"></script>
    33 </head>
    34 
    35 <body>
    36 
    37 <!-- HTML -->
    38 <div id="resizable" class="ui-widget-content">
    39     <h3 class="ui-widget-header">Pull my edges to resize me!!</h3>
    40 </div>
    41 
    42 <textarea id="resizable2" class="ui-widget-content" rows="5"></textarea>
    43 
    44 </body>
    45 </html>
    46 }}}
    47 
    48 
    49 - Code with new version and what does not:
    50 
    51 {{{
    52 <!doctype html>
    53 <html lang="en">
    54 <head>
    55     <meta charset="utf-8">
    56     <title>jQuery UI Resizable functionality</title>
    57     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
    58     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.12.0/jquery-ui.js"></script>
    59     <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.12.0/themes/base/jquery-ui.css"/>
    60 
    61     <!-- CSS -->
    62     <style>
    63         .ui-widget-header {
    64             background:#b9cd6d;
    65             border: 1px solid #b9cd6d;
    66             color: #FFFFFF;
    67             font-weight: bold;
    68         }
    69         .ui-widget-content {
    70             background: #cedc98;
    71             border: 1px solid #DDDDDD;
    72             color: #333333;
    73         }
    74         #resizable { width: 150px; height: 150px; padding: 0.5em;text-align: center; margin: 0; }
    75     </style>
    76     <script type="text/javascript" src="js/Aula41.js"></script>
    77 </head>
    78 
    79 <body>
    80 
    81 <!-- HTML -->
    82 <div id="resizable" class="ui-widget-content">
    83     <h3 class="ui-widget-header">Pull my edges to resize me!!</h3>
    84 </div>
    85 
    86 <textarea id="resizable2" class="ui-widget-content" rows="5"></textarea>
    87 
    88 </body>
    89 </html>
    90 }}}
     4EDITED: Code blocks removed