评论

收藏

[jQuery] jQuery多版本的使用,同一文件多个版本引用

开发技术 开发技术 发布于:2021-08-06 13:40 | 阅读数:439 | 评论:0

<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head  >
<title></title>
<script src="/js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="/js/jqueryInline1.7/jquery.validationEngine-cn.js" type="text/javascript"></script>
<script src="/js/jqueryInline1.7/jquery.validationEngine.js" type="text/javascript"></script>
<link rel="stylesheet" href="/js/jqueryInline1.7/validationEngine.jquery.css" type="text/css" media="screen" title="no title" charset="utf-8" />
<link rel="stylesheet" href="/js/jqueryInline1.7/template.css" type="text/css" media="screen" title="no title" charset="utf-8" />
<link rel="stylesheet" type="text/css" href="/js/thickbox3.1/thickbox.css">
<script type="text/javascript" src="/js/thickbox3.1/thickbox.js"></script>
<link href="/css/master.css" rel="stylesheet" type="text/css" />
<link href="/css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/js/jquery.form.js"></script>
<script type="text/javascript" src="/js/uploadImg.js"></script>
<link href="/css/uploadImg.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
    jQuery(function($) {
      
      $("#fileupload").wrap("<form id='myupload' action='/news/index/uploadpic' method='post' enctype='multipart/form-data'></form>"); //函数处理
      var gaodu1 = $(window).height()-137;
      var kuandu1 = $(window).width()-20;
      
       $("#waikuan").height(gaodu1);
       $("#waikuan").width(kuandu1);
     
      //$("body").append("<div id='main_bg'/>"); 
      //$("#main_bg").append("<img src='/images/menubg.png' id='bigpic'>"); 
    
      cover(); 
      $(window).resize(function(){ //浏览器窗口变化 
        cover(); 
      }); 
      //验证
      $("#form1").validationEngine();
      //提交
      $("#submit").click(function(){
        $("#form1").submit();
      });
    });
function cover(){ 
  var win_width = $(window).width(); 
  var win_height = $(window).height(); 
  $("#bigpic").attr({width:win_width,height:win_height}); 
} 
$(function(){
  //$.toSelect("user_name","selectid");
  $(".stripe_tb tr").addClass("bgwhite");
  $(".stripe_tb tr").mouseover(function(){
   //如果鼠标移到class为stripe_tb的表格的tr上时,执行函数
   // $(this).addClass("over");
   })
  .mouseout(function(){
    //给这行添加class值为over,并且当鼠标一出该行时执行函数
    $(this).removeClass("over");
  }) //移除该行的class
    $(".stripe_tb tr:even").addClass("alt");
//给class为stripe_tb的表格的偶数行添加class值为alt
});
</script>
<!--编辑器begin-->
<script src="/js/ueditor/jquery.js" type="text/javascript"></script>
<link href="/js/ueditor/themes/default/_css/umeditor.css" type="text/css" rel="stylesheet">
<script type="text/javascript" charset="utf-8" src="/js/ueditor/umeditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="/js/ueditor/editor_api.js"></script>
<script type="text/javascript" src="/js/ueditor/lang/zh-cn/zh-cn.js"></script>
<!--编辑器end-->
<script>
  jQuery(function($) {
  var ue = UM.getEditor('myEditor');
  //自动切换提交地址
  var doc=document,
  version=ue.options.imageUrl||"php",
  form=doc.getElementById("form1");
  });
</script>
</head>
<body>
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0" style="position:absolute;" class="yuanjiao" >
  <tr>
      <td height="99%"  ><table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0"  class="yuanjiao">
        <tr>
        <td valign="top"><!--table begin-->
          
          <div class="title">
          <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
            <td width="86%" class="classname"><span>在线投稿</span></td>
            <td class="14%" align="right"><a  id='TB_closeWindowButton' title='Close'><img src='/images/closebt.png'/></a></td>
            </tr>
          </table>
          </div>
          <form id="form1" name="form1" method="post" action="">
          <div style=" background:#E5E5E5;  " class="grey2" >
          <table width="100%" border="0" cellspacing="1" cellpadding="0"  class="stripe_tb grey3"  >
            <input type="hidden" name="id" value="<!--{$aData.id}-->">
            <tr>
            <td width="30%" height="56" align="right" >请选择类别:</td>
            <td width="70%" ><!--{html_options class="level ffb-input" name="level" options=$aLevel selected=$aData.level|default:'0'}--><span class="red">*</span></td>
            </tr>
            
            <tr>
            <td width="30%" height="56" align="right" >标题:</td>
            <td width="70%" >
              <input name="name" type="text" class="validate[required] input1 ml10" value="<!--{$aData.name}-->"><span class="red">*</span></td>
            </tr>
            <tr>
            <td width="30%" height="56" align="right" >内容:</td>
            <td width="70%" >
              <!--style给定宽度可以影响编辑器的最终宽度-->
              <script type="text/plain" id="myEditor" style="width:600px;height:440px;">
              <p>新闻内容</p>
              </script>
            </td>
            </tr>
            <tr>
            <td width="30%" height="56" align="right" >缩略图:</td>
            <td width="70%" >
              <div id="upimg">
              <div id="showimg"></div>               
              <div class="btn"> 
                 <span>添加图片</span> 
                 <input id="fileupload" type="file" name="pic[]">
                 <input type="hidden" value="<!--{$aData.icon}-->" class="imgsrc" name="icon">
              </div>
              </div> 
            </td>
            </tr>
            
          </table>
          </div>
        </form>
          <div class="tijiao1 mt20"><span id="submit">提交审核</span></div>
          <!--table over--></td>
        </td>
    </tr>
    </table></td>
  </tr>
</table>
</body>
</html>
将相应的代码,引入到相应的代码块下。
jQuery(function($)

关注下面的标签,发现更多相似文章