將CSS和JS導入PHP Codeigniter
[英]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”-“ draggable10”執行此操作？
2 個解決方案
解決方案1
1 2014-10-20 05:40:27
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
解決方案2
0 已采納 2014-10-20 05:32:50
您必須給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();
Codeigniter-正確導入JS / CSS / IMG
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.