0

我正在将一个 PHP 项目转换为 CakePHP，并且遇到了日期选择器、文本编辑器等预定义 jQuery 脚本的问题。

这是我在页面上添加的 CSS 脚本：（如果您右键单击页面并单击页面源）

<link rel="stylesheet" type="text/css" href="/cakeskite/css/common.css" />
<link rel="stylesheet" type="text/css" href="/cakeskite/css/creatorcommon.css" />
<link rel="stylesheet" type="text/css" href="/cakeskite/css/jquery-ui.css" />
<link rel="stylesheet" type="text/css" href="/cakeskite/css/cssbuttons.css" />
<link rel="stylesheet" type="text/css" href="/cakeskite/css/jquery-te-1.4.0.css" />
<link rel="stylesheet" type="text/css" href="/cakeskite/css/jquery.datepick.css" />

<script type="text/javascript" src="/cakeskite/js/jquery.js"></script>
<script type="text/javascript" src="/cakeskite/js/jquery-ui-1.8.2.custom.min.js"></script>
<script type="text/javascript" src="/cakeskite/js/jquery.simplemodal.js"></script>
<script type="text/javascript" src="/cakeskite/js/jquery.datepick.js"></script>
<script type="text/javascript" src="/cakeskite/js/jquery.ptTimeSelect.js"></script>
<script type="text/javascript" src="/cakeskite/js/jquery-te-1.4.0.js"></script>
<script type="text/javascript" src="/cakeskite/js/common.js"></script>
<script type="text/javascript" src="/cakeskite/js/creatorcommon.js"></script>

如果我单击任何链接，则表明该文件存在，因此不是找不到文件的问题。我也可以在 chrome 控制台中检查

我在布局文件中添加了我的脚本，如下所示：

<?php
echo $this->Html->css('common');
echo $this->Html->css('creatorcommon');
echo $this->Html->css('jquery-ui');
echo $this->Html->css('cssbuttons');
echo $this->Html->css('jquery-te-1.4.0');
echo $this->Html->css('jquery.datepick');

echo $this->Html->script('jquery');
echo $this->Html->script('jquery-ui-1.8.2.custom.min');
echo $this->Html->script('jquery.simplemodal');
echo $this->Html->script('jquery.datepick');
echo $this->Html->script('jquery.ptTimeSelect');
echo $this->Html->script('jquery-te-1.4.0');
echo $this->Html->script('common');
echo $this->Html->script('creatorcommon');

echo $scripts_for_layout;
?>

我将所有 CSS 和脚本文件放在 webroot/js 和 webroot/css 文件夹中

我收到如下错误：

Object [object Object] has no method 'datepick'

而他们在非 cakephp 项目中工作。这是来自 html 和脚本文件的行

注意：我正在使用 ajax 加载内容，并且在收到数据时绑定控件

$.ajax({
    url: 'loadtests',
    type: 'POST',
    data: 'category_id=' + category_id + '&subcategory_id=' + subcategory_id,
    success: function(result){

        stopLoading();
        if(!isSessionExpired(result)){

            $(".msg").html("&nbsp;");

            if(result.indexOf("No tests found...")>-1){
                $(".tests").html("No tests found...");
            }
            else{
                $(".tests").html(result);

                $(".testfound").css("display","block");
                $(".durationrow").css("display","block");
                $(".noduration").css("display","none");             

                disableKeyPress($("input[name='startdate']"));
                disableKeyPress($("input[name='enddate']"));
                disableKeyPress($("input[name='starttime']"));
                disableKeyPress($("input[name='endtime']"));

                $("input[name='startdate']").datepick({dateFormat: 'yyyy-mm-dd', changeMonth: false});
                $("input[name='enddate']").datepick({dateFormat: 'yyyy-mm-dd', changeMonth: false});
                $("input[name='starttime']").ptTimeSelect();
                $("input[name='endtime']").ptTimeSelect();

                $(".datepicker").css("display","block");
                $("select[name='test']").change(
                        function(){
                            checkTestDuration();
                        }
                    );

                checkTestDuration();
            }
        }
        else
            notLoggedIn();
    }

这是我的html表单：

    <div class="createrow timebound testfound">
        <div class="column150 leftfloat">Start Date</div>
        <div class="column250 leftfloat">
            <input name="startdate" class="txt100" />
        </div>
        <div class="column150 leftfloat msg">&nbsp;</div>
        <div class="clear"></div>
    </div>

    <div class="createrow timebound testfound">
        <div class="column150 leftfloat">End Date</div>
        <div class="column250 leftfloat">
            <input name="enddate" class="txt100" />
        </div>
        <div class="column150 leftfloat msg">&nbsp;</div>
        <div class="clear"></div>
    </div>

    <div class="createrow timebound testfound">
        <div class="column150 leftfloat">Start Time</div>
        <div class="column250 leftfloat">
            <input name="starttime" class="txt100" />
        </div>
        <div class="column150 leftfloat msg">&nbsp;</div>
        <div class="clear"></div>
    </div>

    <div class="createrow timebound testfound">
        <div class="column150 leftfloat">End Time</div>
        <div class="column250 leftfloat">
            <input name="endtime" class="txt100" />
        </div>
        <div class="column150 leftfloat msg">&nbsp;</div>
        <div class="clear"></div>
    </div>

我究竟做错了什么？

4

1 回答 1

0

我努力寻找解决方案，我接近 90%

我使用 cakephp 创建了另一个项目并且只使用了时间选择器并且效果很好

因此，我得出结论，包含的脚本文件存在一些冲突

如果我发现我会尝试发布

于 2013-09-28T02:01:15.827 回答