Почему мой simpledialog2 не работает в моем фрагменте jQuery Mobile? - PullRequest
Новая
       10

Почему мой simpledialog2 не работает в моем фрагменте jQuery Mobile?

1 голос
/ 21 марта 2012

Каждый раз, когда пользователь нажимает на ссылку в неупорядоченном списке представления списка, должно появиться поле simpledialog2. Вот ссылка на документацию simpledialog2. Это популярный способ поддержки всплывающих окон в мобильных приложениях jQuery. http://dev.jtsage.com/jQM-SimpleDialog/demos2/index.html

Однако в моем коде нет диалогового окна. Почему?

Эта скрипка содержит мой код. http://jsfiddle.net/ykHTa/2/

Вот мой HTML. 

<ul data-role="listview">
    <li><a href="#">foo</a></li>
    <li><a href="#">bar</a></li>
    <li><a href="#">baz</a></li>
</ul>​

Вот мой JavaScript. 

$(function() {

    // When user clicks on a list item, produce a dialogue/alert box.
    $('[data-role="listview"] a').click(function(event) {
        event.preventDefault();
        $('<div>').simpledialog2({
                mode: 'blank',
                headerText: "Popup title",
                headerClose: true,
                blankContent: 
                "My message to you."
        });
    });
});

1015 *

Ответы [ 2 ]

2 голосов
/ 21 марта 2012

Дэвид, в вашем примере javascript отсутствует закрывающая скобка: 

       });
    }); // - close click binding
});

ОБНОВЛЕНИЕ

В вашем примере это работает ( jsfiddle ) добавив это к вашему вызову метода simpledialog2: 

dialogForce: true,

На основе документации здесь: http://dev.jtsage.com/jQM-SimpleDialog/demos2/dialog.html

Надеюсь, это поможет!

1 голос
/ 13 июня 2012

попытаться заменить вызов на вызов функции? .. Я получаю ту же проблему и кажется, что вызов функции внутри делегата работает .. 

$(function() { 
    // When user clicks on a list item, produce a dialogue/alert box. 
    $('[data-role="listview"] a').click(function(event) { 
        event.preventDefault(); 
        fn();
    }); 
}); 

function fn() {
    $('<div>').simpledialog2({ 
        mode: 'blank', 
        headerText: "Popup title", 
        headerClose: true, 
        blankContent:  
        "My message to you." 
    }); 
}

... упрощенный ssem для лучшей работы в обработчике ajax .success ????

...