小编sun*_*sun的帖子

我有一个div,我想知道是否有办法使用jQuery获得百分比的宽度.

这是我的代码:

$(document).ready(function(){
   var f = $('.f').width();
      alert(f);    
});

我尝试使用%这样的参数width(%),但这是将宽度设置为%不以百分比格式获取值.有人可以告诉我,我应该怎样做才能获得百分比？

任何帮助都非常感谢.

小提琴

我有一个指定宽度的div,但其中的文本没有分解并相应地适合div.

这可能是一个错误的问题.如何让它适合div？

我相信完全不能完全贴合,至少可以根据宽度而不是高度安装在div内.

CSS

.limit{
    width:50px;
}

HTML

<div class="limit">
    <p>fasfhfhsjdhkjhdkjhfjkhdsfjkhdfjhdfiuhadfhjdfhjadskf kjahsdjfahdfuahsdf dhsf</p>
</div>

的jsfiddle

我开始自己开发几个WordPress插件.在开发插件时,我在插件中使用了不同的钩子(wp_head,add_shortcode等)函数.任何人都可以建议我一个简单方便的方法来调试WordPress插件或有任何其他方式来轻松开发WordPress插件.提前致谢.

如果我给出数字,我想在数据结构数据中使用图表js

data : [40,80,5,190,56,55,40]工作正常.如果我给出一个数组变量或字符串变量,其中包含该数字

 var myvalues = my_array.toString(); 
   alert(myvalues);

我得到变量和数组的5,10,14,18.现在,当我使用数组或字符串与图表数据时,如果我尝试如下,我无法获得图表

data : [myvalues]

使用barChartData的完整代码

var barChartData = {
            labels: [description],
            datasets: [
                {
                    fillColor: "rgba(220,220,220,0.5)",
                    strokeColor: "rgba(220,220,220,1)",
                    scaleOverride: true,
                    scaleSteps: 100,
                    stepValue: 1,
                    barShowStroke: false,
                    data: [myvalues]
                },
                {
                    fillColor: "rgba(151,187,205,0.5)",
                    strokeColor: "rgba(151,187,205,1)",
                    scaleOverride: true,
                    scaleSteps: 100,
                    barShowStroke: false,
                    stepValue: 1,
                    data: [myvalues]
                }
            ]

        }

这description是另一个变量,其中包含有关标签的信息,这也无法正常工作.

如何将javascript数组或字符串中的数据和标签分配给图表js？

我想检查 WordPress 管理界面中是否已经存在某个顶级菜单：

• 如果它存在，那么我想在其中创建一个子菜单。
• 否则我想创建顶级菜单，然后创建子菜单。

我有一些小插件，我想将它们组织在一个顶级菜单中，然后为每个插件组织一个子菜单。但是我如何检查顶级菜单是否存在呢？

我正在尝试禁用鼠标右键单击选项.所以我用contextmenubind函数来阻止它.这工作得很好,但是当shift与压沿mosue right click的contextmenu绑定功能不触发,但它显示了contextmenu.意味着没有得到警报,但它显示菜单.

这是我试过的代码.

$(document).ready(function(){
    $(document).bind("contextmenu",function(e){
   alert('Context Menu event has fired!');
   return false;
}); 
});

为了捕捉换档按钮按下并鼠标右键单击我正在执行以下代码,但这没有帮助.可能是我做错了什么.

$(document).ready(function(){

    $(document).bind("contextmenu",function(e){
   alert('Context Menu event has fired!');
   return false;
}); 

    var shift = false;
jQuery(document).on("keydown", function(event) {
            //check for shift key is pressed
        if (event.which === 16) { 
        shift = true;
                        }
});
jQuery(document).mousedown(function(e) {
     // e.which === 3 is for mouse right click
   if (e.which === 3 && shift === true) {
console.log("both …

如果用户取消选中复选框并更改文本框的背景颜色，我想禁用文本框。如果用户选中该复选框，则该文本框应该是可编辑的并变为白色。这是代码

$(document).ready(function () {
    $(".ba").click(function () {
        $(".tex").css("background-color", "#CCCCCC");
    });
});

其中.ba是复选框，.tex是文本框类，现在当用户单击它时，它会变为灰色，但如果他们再次单击，则颜色不会改变。否则，如果用户取消选中复选框，文本框背景颜色应该更改并且它应该变为不可编辑的禁用状态。有人可以帮忙吗？

我正在使用下面的 javascript 来检查所有并取消选中所有

function checkAll(formname, checktoggle) {
    var checkboxes = new Array(); 
    checkboxes = document[formname].getElementsByTagName('input');

    for (var i=0; i<checkboxes.length; i++)  {
        if (checkboxes[i].type == 'checkbox')   {
            checkboxes[i].checked = checktoggle;
        }
    }
}

这会导致任何问题吗？

我有一个left有价值的div,我想把它改为right价值观

#check
{
    left:50px;
    top:20px;
    position:relative;
    width:100px;
    height:100px;
    background:rgb(100,200,0);
}

所以我尝试了这样的jquery

$(document).ready(function(){

    $('#check').css('right','20px');

});

这可能吗？.i尝试搜索,但所有具有相同属性的不同值更改. 这是小提琴

我尝试制作一个像设计的网格,我想在悬停到每个div时显示叠加.

overlay div有两个按钮,应放在中间.

我尝试下面的代码我相信逻辑是正确的但按钮和叠加的位置不是放在图像div的中心.

图像没有叠加

悬停时使用叠加层

HTML

<ul>
    <li>
        <div class="image"><img src="http://i.stack.imgur.com/rOVDt.jpg"/></div>
        <div class="overlay"><div class="bt1"></div><div class="bt2"></div></div>
    </li>
    <li>
<div class="image"><img src="http://i.stack.imgur.com/rOVDt.jpg"/></div>
         <div class="overlay"><div class="bt1"></div><div class="bt2"></div></div>
    </li>
    <li>
<div class="image"><img src="http://i.stack.imgur.com/rOVDt.jpg"/></div>
         <div class="overlay"><div class="bt1"></div><div class="bt2"></div></div>
    </li>
    <li>
<div class="image"><img src="http://i.stack.imgur.com/rOVDt.jpg"/></div>
        <div class="overlay"><div class="bt1"></div><div class="bt2"></div></div>
    </li>

</ul>

CSS

.image{
 width:100px;
 height:100px;

}
.overlay{
 width:100px;
 height:100px;
 display:none; 
}

ul { list-style: none; width: 100%; }
ul li { display:inline-block; width:150px;}
.image:hover +.overlay {
    display:block;
    background-color:black;
    top:0;
    opacity:0.75;

}
.bt1 {
    background-color:orange;
    position:absolute;
    width:50px; …

我正在为div设置动画，但是我想对该动画赋予某种效果，所以我尝试了这样

$('#slider').stop().animate({"margin-right": '0'}, 'slow','easeOutBounce');

easeOutBounce对我不起作用。我做错了吗？但是除此之外，所有的工作。

我也尝试了jquery 效果如下

$('#slider').stop().animate({"margin-right": '0'});
$('#slider').effect( "bounce", "slow" );

但是，如果我使用效果，甚至第一行动画功能都无法正常工作

如何通过动画实现反弹效果？