将css和js导入PHP代码点火器
Import css and js to PHP codeigniter
所以,在我的HTML 中一切都很好
<style>
#draggable { width: 90px; height: 90px; }
#draggable2 { width: 90px; height: 90px; }
#draggable3 { width: 90px; height: 90px; }
#draggable4 { width: 90px; height: 90px; }
#draggable5 { width: 90px; height: 90px; }
#draggable6 { width: 90px; height: 90px; }
#draggable7 { width: 90px; height: 90px; }
#draggable8 { width: 90px; height: 90px; }
#draggable9 { width: 90px; height: 90px; }
#draggable10 { width: 90px; height: 90px; }
</style>
<script>
$(function() {
$( "#draggable" ).draggable();
$( "#draggable2" ).draggable();
$( "#draggable3" ).draggable();
$( "#draggable4" ).draggable();
$( "#draggable5" ).draggable();
$( "#draggable6" ).draggable();
$( "#draggable7" ).draggable();
$( "#draggable8" ).draggable();
$( "#draggable9" ).draggable();
$( "#draggable10" ).draggable();
});
</script>
这是正文:
<body>
<div id="draggable" class="ui-widget-content">
<a class="btn btn-info btn-xs" href="hall_a.html" role="button">Proceed</a>
</div> <br>
<div id="draggable2" class="ui-widget-content">
<a class="btn btn-info btn-xs" href="hall_a.html" role="button">Proceed</a>
</div> <br>
<div id="draggable3" class="ui-widget-content">
<a class="btn btn-info btn-xs" href="hall_a.html" role="button">Proceed</a>
</div> <br>
<div id="draggable4" class="ui-widget-content">
<a class="btn btn-info btn-xs" href="hall_a.html" role="button">Proceed</a>
</div> <br>
<div id="draggable5" class="ui-widget-content">
<a class="btn btn-info btn-xs" href="hall_a.html" role="button">Proceed</a>
</div> <br>
<div id="draggable6" class="ui-widget-content">
<a class="btn btn-info btn-xs" href="hall_a.html" role="button">Proceed</a>
</div> <br>
<div id="draggable7" class="ui-widget-content">
<a class="btn btn-info btn-xs" href="hall_a.html" role="button">Proceed</a>
</div> <br>
<div id="draggable8" class="ui-widget-content">
<a class="btn btn-info btn-xs" href="hall_a.html" role="button">Proceed</a>
</div> <br>
<div id="draggable9" class="ui-widget-content">
<a class="btn btn-info btn-xs" href="hall_a.html" role="button">Proceed</a>
</div> <br>
<div id="draggable10" class="ui-widget-content">
<a class="btn btn-info btn-xs" href="hall_a.html" role="button">Proceed</a>
</div> <br>
</body>
我的问题是:如何在我的CodeIgniter:中做到这一点
这是我在CodeIgniter:中的观点
<head>
<style>
#draggable { width: 90px; height: 90px; }
#draggable2 { width: 90px; height: 90px; }
#draggable3 { width: 90px; height: 90px; }
#draggable4 { width: 90px; height: 90px; }
#draggable5 { width: 90px; height: 90px; }
#draggable6 { width: 90px; height: 90px; }
#draggable7 { width: 90px; height: 90px; }
#draggable8 { width: 90px; height: 90px; }
#draggable9 { width: 90px; height: 90px; }
#draggable10 { width: 90px; height: 90px; }
</style>
<script>
$(function() {
$( "#draggable" ).draggable();
$( "#draggable2" ).draggable();
$( "#draggable3" ).draggable();
$( "#draggable4" ).draggable();
$( "#draggable5" ).draggable();
$( "#draggable6" ).draggable();
$( "#draggable7" ).draggable();
$( "#draggable8" ).draggable();
$( "#draggable9" ).draggable();
$( "#draggable10" ).draggable();
});
</script></head>
<body>
<?php
if(is_array($posting)){ //This function is purposed to retrieve from Daabase
echo '<ol>';
foreach($posting as $key){
$judul = '<div id="draggable" class="ui-widget-content">'.$key->tbl_name.'</div>';
echo $judul;
}
echo '</ol>';
}</body>
但现在它只适用于"可拖动"。如何为"draggable2"-"draggable 10"执行此操作?
draggable2-draggable10不存在,因为您只写id="draggable"试试这个
$i = 0;
foreach($posting as $key){
$judul = '<div id="draggable'.$i.'" class="ui-widget-content">'.$key->tbl_name.'</div>';
echo $judul;
$i++; }
//id="draggable'.$i.'" will create draggable2 whene $i=2
您必须以类似的增量给出id
echo '<ol>';
$i = 1;
foreach($posting as $key){
$judul = '<div id="draggable'.$i++.'" class="ui-widget-content">'.$key->tbl_name.'</div>';
echo $judul;
}
只需从更改第一个draggable
$( "#draggable" ).draggable();
至
$( "#draggable1" ).draggable();
相关文章:
- php代码在textbox更改事件上显示null
- 无法运行php代码,有角度路由问题
- jquery中的PHP代码不起作用
- 获取PHP代码中日期选择器的值
- PHP代码古埃及乘法javascript
- PHP代码中实现的JavaScript |if语句不起作用
- 如何将javascript变量传递到Php代码中.
- 在按钮'上运行PHP代码;s onclick事件,或者使用Ajax
- 停止直接执行php代码而不点击按钮
- php代码或脚本接受自动完成列表中文本框中的值
- 无法使autocompletion与bootstrap和php代码点火器一起工作
- 添加 PHP 代码的 Javascript 下拉框
- 在 php 代码中实现倒计时 js 倒计时
- AJAX 中的 PHP 代码到 POST
- 用于修改文档元素的 PHP 代码
- 链接适用于所有浏览器,除了 safari(php 代码)
- PHP 代码中的 CSS 弄乱了 IE9 中的布局
- Javascript的“document.write()”中的PHP代码
- JavaScript 函数在 php 代码中的调用中不起作用
- JavaScript 只在 php 代码中执行一次