EasyUI Forum
May 10, 2024, 10:31:43 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: [SOLVED] compatibility with jQueryUI ?  (Read 3463 times)
Coder
Jr. Member
**
Posts: 96


View Profile
« on: August 23, 2021, 02:38:22 PM »

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 ...
« Last Edit: August 28, 2021, 03:05:22 PM by Coder » Logged
jarry
Administrator
Hero Member
*****
Posts: 2264


View Profile Email
« Reply #1 on: August 26, 2021, 03:08:45 AM »

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>
Logged
Coder
Jr. Member
**
Posts: 96


View Profile
« Reply #2 on: August 28, 2021, 03:05:58 PM »

thanks very much!
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!