Print Page - [SOLVED] compatibility with jQueryUI ?

Hi!

How to ensure compatibility with jQ.UI ?
found some solution on this forum from jarry (Administrator)

Quote

Re: JqueryUI and Easyui Conflict
« Reply #1 on: March 16, 2017, 02:10:21 AM »
Reply with quoteQuote
Please look at this example http://code.reloado.com/agiwul3/edit#javascript,html. It shows how to use the jQuery UI and EasyUI together.

but domain code.reloado.com no longer available ...

Please look at this example.

Code:

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Basic Panel - jQuery EasyUI Demo</title>
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  <script type="text/javascript">
    var jui = jQuery.noConflict();
    jui(function(){
      jui('#btn1').button();
    })
  </script>
  <link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/themes/default/easyui.css">
  <link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/themes/icon.css">
  <script type="text/javascript" src="https://www.jeasyui.com/easyui/jquery.min.js"></script>
  <script type="text/javascript" src="https://www.jeasyui.com/easyui/jquery.easyui.min.js"></script>
</head>
<body>
  <p>This is jQuery UI components.</p>
  <input id="btn1" type="button" value="Button">

  <p>This is jQuery EasyUI components.</p>
  <a href="#" class="easyui-linkbutton">Button</a>
  <input class="easyui-textbox" value="text">
  <div id="p" class="easyui-panel" title="Basic Panel" style="width:700px;height:200px;padding:10px;">
    
  </div>
</body>
</html>

EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: Coder on August 23, 2021, 02:38:22 PM