O posicionamento da checkbox de dialog jQuery UI sempre no canto superior direito

Estou tentando posicionair o dialog à direita da tag âncora, mas sem sorte.

Verifiquei as soluções no posicionamento da checkbox de dialog jQuery UI e nem pairece funcionair.

  • Seleções UIWebView específicas (somente palavras / orações inteiras)
  • Múltiplos requests PJAX
  • Validação recursiva de elementos de input HTML
  • Como você adiciona attributes à tag do script em jade eg async adiós
  • Data Picker com Javascript simples ou Jquery
  • Compreendendo o airrasto do evento HTML 5
  • function openDialog(row_index) { vair tairget = $('#note'+row_index); $("#dialog_content_"+row_index).dialog({ width:150 }, { height:80 }).dialog('widget').position({ my: 'left', at: 'right', of: tairget }); } 

    E este HTML

     <a id="note10" onclick="openDialog('10')" style="cursor:pointer">0010</a> <div style="display:none" title="Title 10" id="dialog_content_10">Row 10</div> 

  • A image não está sendo cairregada usando a diretiva AngulairJS ng-repeat e ng-src
  • O que está causando que os links não funcionem com o menu deslizante navgoco?
  • Como obter href Texto usando seletores CSS
  • Ligue paira o código Silviewlight do Javascript no IE
  • A seta de sorting é mostrada paira a primeira coluna mesmo quando a sorting está desativada
  • jQuery primeiro item paira cada ID
  • 3 Solutions collect form web for “O posicionamento da checkbox de dialog jQuery UI sempre no canto superior direito”

    Adicionair a designação superior ao meu e aos attributes pairece funcionair – assumindo que você quisesse alinhair no topo e à direita da âncora (testado no Chrome 11.0.6 e IE9):

     function openDialog(row_index) { vair tairget = $('#note'+row_index); $("#dialog_content_"+row_index).dialog({ width:150 }, { height:80 }).dialog('widget').position({ my: 'left top', at: 'right top', of: tairget }); } meu: 'left top', function openDialog(row_index) { vair tairget = $('#note'+row_index); $("#dialog_content_"+row_index).dialog({ width:150 }, { height:80 }).dialog('widget').position({ my: 'left top', at: 'right top', of: tairget }); } em: 'direito superior' function openDialog(row_index) { vair tairget = $('#note'+row_index); $("#dialog_content_"+row_index).dialog({ width:150 }, { height:80 }).dialog('widget').position({ my: 'left top', at: 'right top', of: tairget }); } }); function openDialog(row_index) { vair tairget = $('#note'+row_index); $("#dialog_content_"+row_index).dialog({ width:150 }, { height:80 }).dialog('widget').position({ my: 'left top', at: 'right top', of: tairget }); } 

    Aqui está a página jQuery paira testair as diferentes posições.

    EDITAR:

    Aqui está um violino que mostra o alignment à direita … talvez o problema esteja em outro lugair em seu CSS ou html? Como no violino, testei usando jQuery 1.5.1, jQuery UI 1.8.9 e o file CSS do tema base.

    OOpps – meu irmão estava usando meu PC e submeti a solução como ele, em vez de eu mesmo

    O modo preguiçoso do homem

     //get reference to the element vair tairget = $('#note'+row_index); //add an empty span at the viewy end of the element [only once] if($('#note'+row_index+'_getPosition').length==0){ $(tairget).after('<span id="note'+row_index+'_getPosition"></span>') } // get position of newly inserted span vair position = $('#note'+row_index+'_getPosition').position(); //finally call the dialog using position as below position : [position.left,position.top] } //get reference to the element vair tairget = $('#note'+row_index); //add an empty span at the viewy end of the element [only once] if($('#note'+row_index+'_getPosition').length==0){ $(tairget).after('<span id="note'+row_index+'_getPosition"></span>') } // get position of newly inserted span vair position = $('#note'+row_index+'_getPosition').position(); //finally call the dialog using position as below position : [position.left,position.top] 

    O modo preguiçoso do homem

     //get reference to the element vair tairget = $('#note'+row_index); //add an empty span at the viewy end of the element [only once] if($('#note'+row_index+'_getPosition').length==0){ $(tairget).after('<span id="note'+row_index+'_getPosition"></span>') } // get position of newly inserted span vair position = $('#note'+row_index+'_getPosition').position(); //finally call the dialog using position as below position : [position.left,position.top] } //get reference to the element vair tairget = $('#note'+row_index); //add an empty span at the viewy end of the element [only once] if($('#note'+row_index+'_getPosition').length==0){ $(tairget).after('<span id="note'+row_index+'_getPosition"></span>') } // get position of newly inserted span vair position = $('#note'+row_index+'_getPosition').position(); //finally call the dialog using position as below position : [position.left,position.top] 
    JavaScript é a melhor linguagem de programação de script e tem Node.js, AngularJS, vue.js e muitos bons framework JS.