jQuery定位:position({my:“”,at:“”,OF:VARIABLE})

时间:2015-07-16 10:22:53

标签: jquery css position css-position

Heyey,我有这个功能:

GravityCircle.position = function(idcontainer){

    var parent = $('.'+idcontainer+' .border');

    $('.'+idcontainer+' .info').position({
                                my: 'center center',
                                at: 'center center',
                                of: 'parent'});
};

我想要的是设置var parent

position({ of: ""})内的对象

我也试过这个:of: '.'+idcontainer+' .border'

这个:of: "'.'+idcontainer+' .border'"(还可以恢复冒号和分号)

而且:of: "$('.'+idcontainer+' .border')",但我无法让它发挥作用。

当然我已安装了UI插件,一切都很好,因为如果我使用像of: ".border"这样的简单选择器,它可以工作(不是我的方式,但有效)。

附加

HTML

<body>
    <div id="container"></div>
    <div id="container2"></div>
    <br/><br/>
    <div id="container3"></div>

    <script other scripts></script>
    <script>
        var data ={"value": 2.5,"color": "green","title": "Risque bas"};
        var data2 ={"value": 15445.6460,"color": "red","title": "Risque haut"};
        var data3 ={"value": 8,"color": "orange","title": "Risque moyen"};
        GravityCircle.createGravityCircle("container", data);
        GravityCircle.createGravityCircle("container2", data2);
        GravityCircle.createGravityCircle("container3", data3);
    </script>
</body>

更多JS

GravityCircle.createGravityCircle = function (idcontainer, jsonProgressBar) {
    var objJSON = jsonProgressBar;
    try {
        objJSON = jQuery.parseJSON(jsonProgressBar);
    } catch (error) {}
    //build HTML

    $('#'+idcontainer).append(  '<div class="border '+idcontainer+'">'+
                                    '<div class="info">'+
                                        '<span class="value">'+objJSON.value+
                                        '</span>'+
                                        '<span class="title"><br/>'+objJSON.title+
                                        '</span>'+
                                    '</div>'+
                                    '<div class="inner">'+
                                        '<div class="spinner pie"></div>'+
                                        '<div class="filler pie"></div>'+
                                        '<div class="mask"></div>'+
                                    '</div>'+
                                '</div>');

0 个答案:

没有答案