Конфликт с jQuery и JPagination, JPagination не работает вместе - PullRequest
0 голосов
/ 28 августа 2011

JPagination не работает для разбивки на <div> с <li>. Я не знаю, является ли это конфликтом по ID, или это PHP, или что именно здесь происходит, я надеюсь, что кто-то может помочь мне выяснить, что происходит.

Так вот что я получил. Во-первых, вот мой HTML. Это страница, которую я делаю, которая будет «публиковать ваш текст» на стене (это <div> с <ul>). Вот тело HTML:

    <div id="head">
    <form name="postbar_add_post" id="postbar_add_post" method="post">
        <fieldset>
            <legend>What are you doing now? ...</legend>
            <input type="text" name="addcontentbox" id="addcontentbox" maxlength="200" />
            <input type="submit" name="addpost" value="Submit" class="submit" />
            </fieldset>
    </form>
    </div>

    <div id="cuerpo"><ul id="wall"></ul></div> 

Итак, в начале документа я получил вызов jQuery, а также плагин под названием JPagination, а также на голове у меня есть скрипт, который сделает контент «постить к стене» просто для убедитесь, что я все делаю правильно, вот что я получил в начале документа:

    <script src="http://c.fzilla.com/1286136086-jquery.js"></script> 
    <script src="http://c.fzilla.com/1291523190-jpaginate.js"></script>  

    // This is the script to post whats typed on the input to the div called wall:

    <script type="text/javascript">
    $.noConflict();
    jQuery(document).ready(function(){
        jQuery("form#postbar_add_post").submit(function() {
            var addcontentbox = jQuery('#addcontentbox').attr('value');

            if ( addcontentbox.replace(/\s/g,"") == "" ) return false;

    jQuery.ajax({
    type: "POST",
    url: "postear.php",
    data:"addcontentbox="+ addcontentbox,
    success: function(){
    jQuery("ul#wall").prepend("<li>"+addcontentbox+"</li>");
    jQuery("ul#wall li:first").fadeIn();
    document.postbar_add_post.addcontentbox.value='';
    document.postbar_add_post.addcontentbox.focus();
    }
    });
    return false; 
    });
    });
    </script>


    // and this would be where I try to paginate the content

    <script type="text/javascript">
        $(document).ready(function() {
            $("#wall").jPaginate();        
        });
    </script>

Итак, публикация работает просто великолепно! Но нумерация страниц никогда не происходит, если я изменяю функцию, чтобы применить ее к родителю <div>, ничего не происходит, она остается прежней. Перед добавлением «noconflict» из jQuery он даже не будет работать.

На всякий случай, я оставляю PHP вызываемым для первой функции здесь:

    <?php
    if( isset($_POST['addcontentbox']))
       {
       // Connection to Database
       include('config.php');

       // NO Query Injection
       $message = mysql_real_escape_string($_POST['addcontentbox']);

       // echo
       $sql = 'INSERT INTO WALL (message) VALUES( "'.$message.'")';
       mysql_query($sql);

       echo $message;
       }
    else
       { 
       echo '0';
       }
    ?> 

Любое руководство или решение любого рода будет принята с благодарностью.

1 Ответ

0 голосов
/ 28 августа 2011

Я только что быстро прочитал ваш вопрос, я думаю, что вы используете много плагинов, поэтому проблема, с которой я думаю, заключается в использовании нескольких плагинов, поэтому всегда сверните свой код JavaScript с помощью самовоспроизводящихся функций, таких как

(function($){

  /// Your page code here
  // Here you can use $ 
  // We are passing jquery as $ to this self invoking function.

})(jQuery)

Как исправить проблемы с Lightbox2 с помощью $ .noConflict ()?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...