Question

我有一个日期时间选择器的代码

<link type="text/css" href="css/ui-lightness/jquery-ui-1.7.2.custom.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript" src="js/timepicker.js"></script>
<script type="text/javascript">
$(function() {
    $('#datetime').datepicker({
        duration: '',
        showTime: true,
        constrainInput: false
     });
});
</script>

我还有一个对话框的代码，显示字段为空时。

<link type="text/css" href="jquery-ui-1.7.2.custom.css" rel="stylesheet" />
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript" src="ui/ui.core.js"></script>
<script type="text/javascript" src="ui/ui.draggable.js"></script>
<script type="text/javascript" src="ui/ui.resizable.js"></script>
<script type="text/javascript" src="ui/ui.dialog.js"></script>
<script type="text/javascript" src="external/bgiframe/jquery.bgiframe.js"></script>


<script type="text/javascript">
    function haha(form) {

if(document.getElementById('in').checked || document.getElementById('off').checked) {
            if(form.title.value=='' || form.nature.value=='' || form.start_date.value=='' || form.end_date.value=='' || form.hour1.value=='' || form.min1.value=='' || form.ampm1.value=='' || form.hour2.value=='' || form.min2.value=='' || form.ampm2.value=='' || form.venue.value=='' || form.rationale.value=='' || form.objectives.value=='' || form.description.value=='' || form.target.value=='' || form.monitoring.value=='') {
            hello();
            return false;

        }
        else{
            return true;
        }
    }
else {
    hello();
            return false;
}

    }

    $(function() {
        $("#dialog2").dialog({
            autoOpen: false,
            bgiframe: true,
            modal: true,
            resizable: false,
            draggable: false,
            height:160,
            width:260,
            buttons: {
                Ok: function() {
                    $(this).dialog('close');
                }
            }
        });
    });

    function hello() {

        $("#dialog2").dialog('open');

    }

    function getElem(id) {
        return document.all ? document.all(id) :
        document.getElementById ? document.getElementById(id) :
        document.layers ? document.layers[id] :
        null;
    }

    function printToPage(id,content,classname) {
        var el = getElem(id);
        if (!el) return;
        if (el.style) {
        el.innerHTML = content;
        if (classname) el.className = classname;
        } 
        else if (el.document) {
        var SPANstr = (classname) ? '<span class="' + classname + '">' : '<span>';
        el.document.write('haha');
        el.document.close();
        }
    }
</script>

问题是我似乎无法让它们一起工作？如何让多个脚本在单个页面中工作？

Answer 1

假设你的

<script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>

行是专门为Datepicker构建的，并且还没有包含对话框架，在

之后包含它

<script type="text/javascript" src="ui/ui.core.js"></script>
<script type="text/javascript" src="ui/ui.draggable.js"></script>
<script type="text/javascript" src="ui/ui.resizable.js"></script>
<script type="text/javascript" src="ui/ui.dialog.js"></script>
<script type="text/javascript" src="external/bgiframe/jquery.bgiframe.js"></script>

行。

然后改变你的

$(function() {
        $("#dialog2").dialog({...});
}

看起来像这样的方法

$(function() {
    $("#dialog2").dialog({...});
    $('#datetime').datepicker({...});
}

不知道你的实际标记是什么样的，这应该可行。

javascript中的多个脚本

1 个答案: