引入外部jquery的控件

yang2061983

我想在w文件中引入一个jquery写的评星控件。在给的[size=13.6842107772827px]评星控件demo中使用网页可以直接打开，然后需要将此页面转换到w文件中，该部分内容不知道如果去修改。
我的w文件中有一个div里面需要放该控件并且可以进行使用。
其实控件的demo如下
<script type="text/javascript" src="lib/jquery.raty.min.js"></script>
$(function() {
      $.fn.raty.defaults.path = 'lib/img';
      $('#default-demo').raty({ number: 4 });

}
引入一个js文件后，然后页面初始时调[size=13.6842107772827px] $(function() 里的内容，这个如何和去修改w文件让其能够展示出评星的控件。
[size=13.6842107772827px]

yang2061983

jquery评星控件源码

zhaixin

将demo、lib、spec3个目录复制到当前w文件所在目录下

w文件中的代码
<?xml version="1.0" encoding="utf-8"?>

<div xmlns="http://www.w3.org/1999/xhtml" xid="window" class="window" component="$UI/system/components/justep/window/window"
  design="device:mobile">  
  <div component="$UI/system/components/justep/model/model" xid="model" style="height:auto;left:177px;top:257px;" />  
  <div xid="default-demo"/>  
  <resource xid="resource2">
    <require xid="require1" url="$UI/hello/lib/jquery.raty.min"/>  
    <require xid="require2" url="$UI/hello/demo/js/jquery.min"/>
  </resource>
</div>
js文件中的代码
define(function(require){
        var $ = require("jquery");
        var justep = require("$UI/system/lib/justep");
        
        var Model = function(){
                this.callParent();
        };

        Model.prototype.modelLoad = function(event){
               $.fn.raty.defaults.path = 'lib/img';
               $(this.getElementByXid('default-demo')).raty({ number: 6 });
        };

        return Model;
});

yang2061983

根据你的例子进行编辑后，页面没有反应，在modelLoad的方法中alert，也不出来，好像没有调到这个方法。

yang2061983

附件是w文件和js文件

jishuang

在model的事件中关联一下，你只在js中定义了方法，没有关联到事件上

yang2061983

demo可以展现了，在模拟器中不可以选是几星，不能选星。将鼠标放到星上没有起效，一直都是灰色的星。如果能解决，可否把源码发一份，谢谢

yang2061983

jishuang 发表于 2015-6-29 16:26
在model的事件中关联一下，你只在js中定义了方法，没有关联到事件上

demo可以展现了，在模拟器中不可以选是几星，不能选星。将鼠标放到星上没有起效，一直都是灰色的星。详细内容见7楼信息

jishuang

5楼的资源，按照6楼的修改，模拟器中可以的啊


在模拟器中右键打开Show Devtools看看是否有错误

曹操

jishuang 发表于 2015-6-30 17:19
5楼的资源，按照6楼的修改，模拟器中可以的啊

为什么我的在苹果手机上不行，在安卓手机上就行