小编sal*_*med的帖子

我目前正在开发一个网站,我需要根据用户的操作动态加载页面.

示例:如果用户单击"设置"按钮,ajax函数将从外部页面加载代码,并将其放入带有"设置"标签的div中.

这是我用来发出Ajax请求的代码:

    function get_page_content(page, target_id)
    {
        xmlhttp = new XMLHttpRequest();
        xmlhttp.onreadystatechange = function()
        {
            if(xmlhttp.readyState == 4 && xmlhttp.status == 200)
            {
                document.getElementById(target_id).innerHTML = xmlhttp.responseText;
                // After getting the response we have to re-apply ui effects or they
                // won't be available on new elements coming from request.
                $('button').sb_animateButton();
                $('input').sb_animateInput();
            }
        }
        xmlhttp.open('GET', 'engine/ajax/get_page_content.php?page=' + page, true);
        xmlhttp.send();
    }

这就是第一个片段将放置ajax结果的地方:

<div id="settings_appearance">                
</div>

从这里的函数调用代码:

<div class="left_menu_item" id="left_menu_settings_appearance" onclick="show_settings_appearance()">
    Appearance
</div>

这是ajax函数将放入settings_appearancediv 的html :

    <script type="text/javascript">
        $(function()
        { …

我正在使用一个包含多个页面的DataTable.我使用Select All(基于jQuery)功能,可以很好地选择当前正在查看的页面中的所有记录.但问题是

我无法在表格中的不同页面中选择所有记录

如果我在一个页面中选择记录并移至下一页,则在第一页中选择的记录将丢失.

选择所有脚本

$(document).ready(function() {
    $('#checkall').click(function(event) {  //on click 
        if(this.checked) { // check select status
           $('.checkbox1').each(function() { 
              this.checked = true;  
           });
        }else{
           $('.checkbox1').each(function() { 
              this.checked = false;                      
           });         
        }
    });
});

有人可以帮忙吗？

谢谢

我有一个DataTable,其中一列是复选框.我可以选择多个复选框.现在单击按钮我想获得所选复选框的行ID.一旦点击按钮完成ajax操作,我想再次为上面的行ID选择复选框.基本上如何获取选中的行ID,然后再次选中复选框？

我试图在estalge视图框旁边运行双滑块插件.他们都使用jQuery,并单独工作,但当我把它们放在一起时,一个打破.我试过实现jQuery没有冲突规则,但我想我可能会遗漏一个小细节.到目前为止我的编码看起来像:

<script src="scripts/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="scripts/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="scripts/jquery.timers-1.2.js" type="text/javascript"></script>
<script src="scripts/jquery.dualSlider.0.3.js" type="text/javascript"></script>
<!-- START ESTALGE -->
<script src="js/jquery-1.6.2.min.js"></script>
<script src="js/jquery.etalage.min.js"></script>

<script type="text/javascript"> 

  $.noConflict();
  jQuery(document).ready(function($) {
                jQuery('#etalage').etalage();
            });

    $(".carousel").dualSlider({
                auto:true,
                autoDelay: 6000,
                easingCarousel: "swing",
                easingDetails: "easeOutBack",
                durationCarousel: 1000,
                durationDetails: 500

            });

    </script>

任何帮助将不胜感激.谢谢