Question

我正在尝试将 IE 和 Firefox 中的标签{float:left}更改为{float:right}，它正在改变，但在 Chrome中浮动无效。

＆＃13;

$(document).on('click', '.right_label', function() {
  if ($(this).is(':selected')) {
    $('.labels').css('float', 'right');
  } else $('.labels').css('float', 'left');
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<div>
  <label class="labels">first name</label>
  <input type="text" />
</div>

<select>
  <option class="left_label">left</option>
  <option class="right_label">right</option>
</select>

＆＃13;

Answer 1

您可以尝试这样的事情：

＆＃13;

$(document).on('change', '#mySelect', function() {
  $('.labels').css('float', $(this,"option:selected").val());
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<div>
  <label class="labels">first name</label>
  <input type="text" />
</div>

<select id="mySelect">
  <option class="left_label" value="left">left</option>
  <option class="right_label" value="right">right</option>
</select>

＆＃13;

Answer 2

$（文件）.on（＆＃39;点击＆＃39;，＆＃39; .myselectbox＆＃39;，function（）{}}）; ，这不应该存在，它只会在你对元素进行cilck时起作用，

在给出选择框时我们应该使用

$(document).on('change','.myselectbox',function(){ } });

检查一下，如果你不懂任何地方，请告诉我。

<html>
    <head>
    <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.0.min.js"></script>
    </head>
    <body style="margin-top: 0px; margin-left: 0px;">
        <div id="rightleftDiv">
            <label class="labels">first name</label>
            <input type="text"/>
        </div>

        <select class="myselectbox" name="myselectbox">
            <option class="left_label" value="left">left</option>
            <option class="right_label" value="right">right</option>
        </select>

        <script type="text/javascript">
            $(document).on('change','.myselectbox',function(){

            if($(this).val() == 'right'){
                $('.labels').css('float','right');
            }else $('.labels').css('float','left');
        });
        </script>
    </body>
</html>

使用jquery对chrome进行浮动更改问题

2 个答案: