我目前正在创建一个基于Bootstrap的自定义页面,因此我无法通过CMS.
我创建了一个文件Mypage.php,我放在包含此代码的Prestahop根目录中:
<?php
require(dirname(__FILE__).'/config/config.inc.php');
ControllerFactory::getController('MypageController')->run();
?>
然后我MypageController.php在override/controllers/front中创建了一个包含此代码的控制器:
class MypageControllerCore extends FrontController
{
public $php_self = 'Mypage.php';
public $ssl = true;
public function preProcess()
{
parent::preProcess();
}
public function setMedia()
{
parent::setMedia();
Tools::addCSS(_THEME_CSS_DIR_.'Mypage.css');
}
public function displayContent()
{
$_POST = array_merge($_POST, $_GET);
parent::displayContent();
self::$smarty->display(_PS_THEME_DIR_.'Mypage.tpl');
}
}
最后我Mypage.tpl用我的HTML代码在我的主题目录中放了一个文件.
我自然删除cache/class_index.php但仍然遇到404错误.有任何想法吗？
我需要一点帮助.我需要一个蓝色圆圈,一个红色圆圈,一个蓝色方块和一个红色方块.我需要将红色圆圈拖到红色正方形的中心,将蓝色圆圈拖到蓝色正方形的中心.除非我将其拖动到正确的位置,否则它应该恢复到原始位置.
这是我到目前为止:
$("#draggable, #draggable2").draggable({
revert: 'invalid', snap: "#droppable2"
});
$("#droppable").droppable({
accept: '#draggable'
});
$("#droppable2").droppable({
accept: '#draggable2',
});
http://jsfiddle.net/tM7cp/269/
我无法将圆圈定位到正方形的中心,我该怎么做？
使用jsPlumb拖放时,某些东西无法正常工作.我让左侧的div可拖动,但是当你试图拖动它们时,只有线条移动,而不是div.这是我的代码:
<html>
<head>
<title>Plumb Test</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/jquery.jsPlumb-1.3.16-all-min.js "></script>
<script type="text/javascript">
$(document).ready(function(){
jsPlumb.draggable($(".left"));
jsPlumb.connect({source:"div1", target:"div2",
paintStyle:{lineWidth:15,strokeStyle:'rgb(243,230,18)'},
endpointStyle:{fillStyle:'rgb(243,229,0)'}
});
jsPlumb.connect({
source:'div3',
target:'div4',
paintStyle:{ lineWidth:10, strokeStyle:'rgba(0, 0, 200, 0.5)' },
anchors:["RightMiddle", "LeftMiddle"],
endpoint:[ "Rectangle", { width:10, height:8 } ]
});
jsPlumb.connect({
source:'div2',
target:'div3',
paintStyle:{lineWidth:8, strokeStyle:'rgb(189,11,11)'},
anchors:["BottomCenter", "TopCenter"],
endpoint:"Rectangle"
});
$("#div1").css("background-color","blue");
});
</script>
<style>
#div1, #div4{background-color:red;width:150px;height:150px;}
#div2, #div3{background-color:green;width:150px;height:150px;}
.left{float:left;}
.right{float:right;}
</style>
</head>
<body>
<div id="div1" class="left">This is a test</div>
<div id="div2" class="right">This is a div</div>
<div id="div3" …