Как передать добавленные данные в выбираемую сетку ajax post jquery ui -> fancybox? - PullRequest
Новая
       12

Как передать добавленные данные в выбираемую сетку ajax post jquery ui -> fancybox?

2 голосов
/ 05 ноября 2011

Мне нужна помощь, чтобы включить два выбираемых jQuery пользовательского интерфейса (сетка) и модный блок (решение лайтбокса).

Теперь модная коробка делает пост ajax действительно простым (ahref="link to page") и отображает его! Проблема в том, что выбираемый пользовательский интерфейс jQuery захватывает данные для меня и добавляет их на страницу, но я хотел бы опубликовать их с помощью ajax в fancybox, чтобы всплывающее окно с запросом после анализа данных моим php.

Вот что у меня есть 

$x = array();
    while($row = mysql_fetch_array($bq)){
        $x[]= "
        <li  class=\"ui-widget-content\"
        data-morph=\"".$row['morph']."\"  
        data-price=\"".$row['price']."\"
        id=\"".$row['id']."\">
        $ ".$row['price'].".00&nbsp;
        ".$row['morph']."&nbsp;
        ".$row['sex']."&nbsp;
        </li>";
    }   


}
<p id="feedback">
<span>You've selected:</span> <span id="select-result">none</span>.
</p>
<ol><? echo "Total Snakes ($ts)"; if($ts != '0'){echo "<button class=\"ui-button ui-button-text-only ui-widget ui-state-default ui-corner-all\">
        <span class=\"ui-button-text\" href=\"?ready\">Buy</span>
    </button>";} ?></ol>
<ol id="selectable">
<?php
shuffle($x);
foreach($x as $z){
    echo $z;    
}
?>
</ol>
<script>    
$(function() {
        $( "#selectable" ).selectable({
            stop: function() {
                var result = $( "#select-result" ).empty();
                $( ".ui-selected").each(function() {
                     var id = $( this ).attr('id'); 
                     var morph = $(this).attr('data-morph');
                     var price = $(this).attr('data-price');

                    result.append( (id)+',' );
/// this gets displayed on the page but i want this data to be passed to fancy box ....
                    });


            }
        });

    });
    $('button span').fancybox({
// maybe somebody would kno how ?
});
</script>

1 Ответ

3 голосов
/ 21 ноября 2011

Вы знаете, вы можете избежать этих слешей, используя одинарные кавычки в PHP следующим образом: 

$x[]= '<li  class="ui-widget-content" data-morph="'.$row['morph'].'" data-price="'.$row['price'].'" id="'.$row['id'].'">' ; // and so on

Что касается вопроса, у меня та же задача. Я нашел эту ссылку полезной:

пост-массив jquery serialize

Лично я только что передал массив js в свой сценарий PHP ajax: 

function saveOrder(){
    var ids = new Array();

    $('#sortable').find('li').each(function(i){ 
        ids.push($(this).attr('id'));
    });

    $.ajax({
        type: "POST",

        url: 'ajax/reorder_panel.php',

        data: {
            order: ids
        },

        success: function(data, textStatus, jqXHR){
            alert(data);
        },

        error: function(jqXHR, textStatus, errorThrown){
            alert("Server connection error...");
        }
    });
}
...