Question

是否可以在jQuery AJAX

中完成

我有这个div，对齐中心左或右

码

<div class="dropdown" id="dropdown_one">
  <h3>Position of logo on the document</h3>
        <input type="hidden" name="c" value="cprof" />
        <input type="hidden" name="user_code" value="<?=$_GET['ucom'];?>" />
        <input type="hidden" name="com_code" value="<?=$_GET['ccom'];?>" />
        <?
        $get_position = SET_SQL( "SELECT * FROM jon_com_add WHERE user_code = '".$_GET['ucom']."' " );
        ?>
        <input type="hidden" name="position_id" value="<?=$get_position['a_id'];?>" />
        <input type="hidden" name="position_change" value="chg" />
        <label>Logo Position : </label>
          <p>
            <input name="logo_position" type="radio" value="left">
            Left

            <input name="logo_position" type="radio" value="center">
            Center

            <input name="logo_position" type="radio" value="right">
            Right
          </p>
        <label>Logo Width</label>
        <input type="text" name="logo_width" value="632 x 128">
        <p>Format logo: <span id="logo_size">632 × 128</span></p>                  
</div><!-- .dropdown_menu -->

<div class="company_name" align="<?=$set_position['add_position'];?>">
    <strong><?=$set['com_name'];?></strong><br />
    <?=$set['address'];?>
</div>

它已连接到数据库。

现在我的jQuery

$(function(){
    $('input[name=logo_position]').click(function(e) {
        $('<img src="images/ajaxLoader.gif" id="loading" style="width:auto;" />').appendTo(".company_name");
        //Cancel the link behavior
        e.preventDefault();
        //Get the A tag
        var uc = $( 'input[name=usercode]' ).val();
        var cc = $( 'input[name=com_code]' ).val();
        var l_p = $( 'input[name=logo_position]' ).val();
        var aid = $( 'input[name=position_id]' ).val();
        var p_chg = $( 'input[name=position_change]' ).val();

        alert(aid);
        $.ajax({
            type:"GET",
            url:"forms/tem.php",
            data: {ucode: uc, ccode: cc, logo_p: l_p, a_id: aid, chg: p_chg},
            dataType: 'html',
            target: '.company_name',
            success: function(data){
                $(".company_name").find('img#loading').remove();
                $(".company_name").html(data);
            }
        })
    }); 

});

我在这里尝试做的是当我点击logo_position的单选按钮时在div class="company_name" align="left"上会发生变化。例如，我点击中心它应该在中心。

是我的jQuery Ajax错了吗？它没有保存在数据库上，只保存了第一个单选按钮。但是当我点击中心时，刚才会读到ajax。

像我一样在现场观看。因此，当我改变某些东西时，当我点击它时，它也会改变字体和其他东西的位置......

这可以在jquery上做吗？

Answer 1

尝试根据单击单选按钮来对齐div：

$('input[name=logo_position]').click(function(e) {

//code for changing align of div for respective button click
$('.company_name').attr("align",$(this).val());

});

DEMO

更改div左对齐或右对齐或中心的值

1 个答案: