loumengning
/
xs
1
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 Commit
1 Branch
17 MiB
 
 
 
 
Branch: master
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'master'
${ noResults }
xs/template/kxmobileno1/user/booklist/detail.phtml

554 lines
27 KiB
Raw Permalink Blame History 

  1. <!DOCTYPE html>

  2. <html>

  3. <head>

  4. 	<meta charset="UTF-8" name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">

  5.     <title>我的书单 - {$kx.config.sitename}</title>

  6.     <meta name="keywords" content="{$tkd.keywords|parseTpl}">

  7.     <meta name="description" content="{$tkd.description|parseTpl}">

  8. 	<link rel="stylesheet" href="{$kx.config.resurl}/template/kxmobileno1/css/global.css"/>

  9. 	<script src="{$kx.config.resurl}/template/kxmobileno1/js/flexible.min.js"></script>

  10.     <link rel="shortcut icon" type="image/ico" href="/favicon.ico" />

  11.     <meta name="author" content="www.ptcms.com">

  12.     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

  13.     <meta name="renderer" content="webkit">

  14.     <meta name="viewport" content="width=device-width" />

  15.     <meta name="applicable-device" content="pc">

  16.     <meta http-equiv="mobile-agent" content="format=html5; url={$kx.config.mobileurl}__SELF__">

  17.     <meta http-equiv="Cache-Control" content="no-siteapp" />

  18.     <meta http-equiv="Cache-Control" content="no-transform" />

  19.     <link rel="canonical" href="{$kx.config.pcurl}__SELF__" />

  20.     <style>

  21.         html,body{

  22.             height: 100%;

  23.         }

  24.         .loading{

  25.             position: fixed;

  26.             left: 0;

  27.             top:0;

  28.             width: 100%;

  29.             height: 100%;

  30.             z-index: 100;

  31.             background-color: rgba(0,0,0,0.5) !important;

  32.             background: url("{$kx.config.resurl}/template/kxmobileno1/images/loading.webp") no-repeat;

  33.             background-position: 50% 50%;

  34.             background-size: 32px 32px;

  35.         }

  36.         .pt-popular-cont{

  37.             display: none;

  38.             /*min-height: 100%;*/

  39.             width: 100%;

  40.             height: auto;

  41.         }

  42.         .pt-popular-cont.active{

  43.             display: block;

  44.         }

  45.         .btn-tag img{

  46.             width: .16rem;

  47.             height: .16rem;

  48.             transform:rotate(180deg);

  49.             float: right;

  50.         }

  51. 

  52.         .pt-tags{

  53.             position: relative;

  54.         }

  55.         .pt-tags ul{

  56.             margin-bottom: 60px;

  57.         }

  58.         .pt-tags li{

  59.             display: inline-block;

  60.             padding: 2px 15px;

  61.             border: 1px solid #d5d5d5;

  62.             border-radius:20px;

  63.             margin: 5px 0 15px 0;

  64.         }

  65.         .pt-tags li.active{

  66.             background-color: #f55;

  67.             color: #fff;

  68.             border-color: #f55;

  69.         }

  70.         .pt-tags button,

  71.         .pt-novel button,

  72.         .pt-marks button,

  73.         .pt-search button{

  74.             box-shadow:0 0 16px 0 rgba(255,85,85,0.92);

  75.             border-radius:44px;

  76.         }

  77.         .pt-tags .btn,

  78.         .pt-novel .btn,

  79.         .pt-marks .btn,

  80.         .pt-search .btn{

  81.             position: fixed;

  82.             bottom: 0;

  83.             left: 0;

  84.             background-color: #fff;

  85.             width: 100%;

  86.         }

  87.         .pt-novel ul .pt-novel-del{

  88.             height: 16px;

  89.             width: 16px;

  90.             float: right;

  91.             background: url("{$kx.config.resurl}/template/kxmobileno1/images/del.png") no-repeat;

  92.             -webkit-background-size: 100% 100%;

  93.             background-size: 100% 100%;

  94.         }

  95.         .pt-novel-comment{

  96.             height:63px;

  97.             border:1px solid #E9E9E9;

  98.         }

  99.         .pt-novel-select{

  100.             margin-top: 0.35rem;

  101.             width: 0.16rem;

  102.             height: 0.16rem;

  103.             background: url('{$kx.config.resurl}/template/kxmobileno1/images/select.png') no-repeat;

  104.             -webkit-background-size: 100% 100% !important;

  105.             background-size: 100% 100% !important;

  106.         }

  107.         li.active .pt-novel-select{

  108.             background: url('{$kx.config.resurl}/template/kxmobileno1/images/selected.png') no-repeat;

  109.         }

  110.         .pt-square{

  111.             margin-left: 0;

  112.             margin-right: 0;

  113.         }

  114.         .pt-square.active{

  115.             border-color: #f55;

  116.             background-color: #f55;

  117.             color: #fff;

  118.         }

  119.     </style>

  120. </head>

  121. <body>

  122.     {block method=booklist.info booklistid=$kx.get.id name=info}

  123. 	<div class="w100  bg-white flex-wrp flex-align-center flex-between lh100 plr15 ptb15">

  124. 		<img src="{$kx.config.resurl}/template/kxmobileno1/images/return.png" class="pt-return">

  125. 		<div class="size14 bold color89 pt-labs">{=empty($info)?'创建书单':'修改书单'}</div>

  126.         <div><button type="button" class="color2 bold size14 btn-next bg-white">下一步</button></div>

  127. 	</div>

  128.     <form method="post">

  129.         {if !empty($info)}

  130.         <input type="hidden" name="id" value="{$info.id}">

  131.         {/if}

  132.         <div data-page="edit" class="pt-popular-cont pt-edit active" style="min-height: 100%">

  133.             <input class="bold size18 mt10 mb20 w100" type="text" name="title" placeholder="请输入书单名称" value="{$info.title}">

  134.             <div class="border-b size14 ptb10 btn-tag">

  135.                 <select name="tags[]" class="none" multiple>

  136.                     {loop=$info.tags}

  137.                     <option value="{$loop.id}" selected>{$loop.name}</option>

  138.                     {/loop}

  139.                 </select>

  140.                 <input type="text" value="{=empty($info.tags)?'':join(',',array_column($info.tags,'name'))}" placeholder="请选择书单标签" readonly>

  141.                 <img src="{$kx.config.resurl}/template/kxmobileno1/images/return.png">

  142.             </div>

  143.             <textarea class="size14 pt10 w100" name="intro" rows="6" placeholder="请输入书单简介">{$info.intro}</textarea>

  144.         </div>

  145.         <div data-page="tags" class="pt-popular-cont pt-tags">

  146.             {~$tags=array_column($info.tags,'id')}

  147.             {block method="tag" name=list}

  148.             <span class="color32 size18 bold">全部标签</span>

  149.             <ul>

  150.                 {loop}

  151.                 <li data-value="{$loop.id}" data-name="{$loop.name}" class="{=in_array($loop.id,$tags)?'active':''}">{$loop.name}</li>

  152.                 {/loop}

  153.             </ul>

  154.             <div class="text-center ptb10 btn">

  155.                 <button type="button" class="color1 bg-red ptb15 plr60 size16 bold mtb10">确认选择</button>

  156.             </div>

  157.         </div>

  158.         <div data-page="novel" class="pt-popular-cont pt-novel">

  159.             <div class="pt-booklist-title size16 color32 bold mt10">标题</div>

  160.             <div class="pt-booklist-tags size12 color32 mt10">标签</div>

  161.             <div class="compulsory-row w100 color32 size12 pt-booklist-intro mt10 border-t pt5" style="height: 84px;"></div>

  162.         </div>

  163.         <div data-page="novel" class="pt-popular-cont pt-novel mt10">

  164.             <ul>

  165.                 {loop=$info.novels}

  166.                 <li>

  167.                     <div class="flex-wrp pt-popular-item">

  168.                         <input type="hidden" name="novels[id][]" value="{$loop.novel.id}">

  169.                         <input type="hidden" name="novels[star][]" value="{$loop.star}">

  170.                         <img src="{$loop.novel.cover}" class="mr15" alt="{$loop.novel.name}">

  171.                         <div class="flex-item pt5">

  172.                             <div class="flex-wrp flex-between">

  173.                                 <div class="size14">

  174.                                     <span class="color7 bold">{$loop.novel.name}</span>

  175.                                 </div>

  176.                                 <div class="pt-novel-del"></div>

  177.                             </div>

  178.                             <div class="size12">

  179.                                 <span class="mr30">{$loop.author.name}</span>

  180.                                 {$loop.category.name} | <span class="color2">{$loop.data.allvisit}</span>人在读

  181.                             </div>

  182.                             <div class="mt10">

  183.                                 <span class="color32 size14">推荐指数</span>

  184.                                 <span class="pt-photo">

  185.                                 <span title="不知所云">

  186.                                     <img src="{$kx.config.resurl}/template/kxmobileno1/images/star{=$loop.star>=1?'1':''}.png" class="{=$loop.star>=1?'':'no'}high">

  187.                                 </span>

  188.                                 <span title="随便看看">

  189.                                     <img src="{$kx.config.resurl}/template/kxmobileno1/images/star{=$loop.star>=2?'1':''}.png" class="{=$loop.star>=2?'':'no'}high">

  190.                                 </span>

  191.                                 <span title="值得一读">

  192.                                     <img src="{$kx.config.resurl}/template/kxmobileno1/images/star{=$loop.star>=3?'1':''}.png" class="{=$loop.star>=3?'':'no'}high">

  193.                                 </span>

  194.                                 <span title="不容错过">

  195.                                     <img src="{$kx.config.resurl}/template/kxmobileno1/images/star{=$loop.star>=4?'1':''}.png" class="{=$loop.star>=4?'':'no'}high">

  196.                                 </span>

  197.                                 <span title="经典必读">

  198.                                     <img src="{$kx.config.resurl}/template/kxmobileno1/images/star{=$loop.star>=5?'1':''}.png" class="{=$loop.star>=5?'':'no'}high">

  199.                                 </span>

  200.                             </span>

  201.                             </div>

  202.                         </div>

  203.                     </div>

  204.                     <textarea class="pt-novel-comment compulsory-row plr10 ptb10 w100" name="novels[comment][]" readonly>{$loop.comment}</textarea>

  205.                 </li>

  206.                 {/loop}

  207.             </ul>

  208.             <div class="text-center ptb10 btn">

  209.                 <button type="button" class="color1 bg-red ptb10 plr35 size16 bold mtb10 mr20 pt-mark-add">书架添加</button>

  210.                 <button type="button" class="color1 bg-red ptb10 plr35 size16 bold mtb10 pt-search-add">书城添加</button>

  211.             </div>

  212.         </div>

  213.         <div data-page="marks" class="pt-popular-cont pt-marks">

  214.             <ul>

  215.                 {block method=mark.list userid=$userinfo.id name=marklist order=$order}

  216.                 {loop=marklist}

  217.                 <li data-id="{$loop.novel.id}" data-name="{$loop.novel.name}" data-cover="{$loop.novel.cover}" data-author="{$loop.author.name}" data-category="{$loop.category.name}" data-allvisit="{$loop.data.allvisit}">

  218.                     <div class="flex-wrp pt-popular-item">

  219.                         <img src="{$loop.novel.cover}" class="mr15" alt="{$loop.novel.name}">

  220.                         <div class="flex-item pt5">

  221.                             <div class="flex-wrp flex-between">

  222.                                 <div class="size14">

  223.                                     <span class="color7 bold">{$loop.novel.name}</span>

  224.                                 </div>

  225.                             </div>

  226.                             <div class="size12">

  227.                                 <span class="mr30">{$loop.author.name}</span>

  228.                                 {$loop.category.name}

  229.                             </div>

  230.                             <div class="mt10 size12">{$loop.last.name}</div>

  231.                         </div>

  232.                         <div class="pt-novel-select"></div>

  233.                     </div>

  234.                 </li>

  235.                 {/loop}

  236.             </ul>

  237.             <div class="text-center ptb10 btn">

  238.                 <button type="button" class="color2 bg-white border-red ptb10 plr35 size16 bold mtb10 mr20">取消返回</button>

  239.                 <button type="button" class="color1 bg-red ptb10 plr35 size16 bold mtb10 btn-success">完成添加 (<span>0</span>)</button>

  240.             </div>

  241.         </div>

  242.         <div data-page="search" class="pt-popular-cont pt-search">

  243.             <div class="w100 bg-white flex-wrp flex-between flex-align-center pt-search">

  244.                 <div class="flex-wrp flex-align-center pt-search-box" style="width: 80vw;">

  245.                     <img src="{$kx.config.resurl}/template/kxmobileno1/images/search.png" class="mr10 pt-search-icon" >

  246.                     <input type="text" class="size12 color4 searchkey w100" placeholder="请输入您要搜索的关键书名">

  247.                 </div>

  248.                 <div class="btn-search color2 size14 mr5">搜索</div>

  249.             </div>

  250.             <ul></ul>

  251.             <div class="clearfix"></div>

  252.             <div class="text-center ptb10 btn">

  253.                 <button type="button" class="color2 bg-white border-red ptb10 plr35 size16 bold mtb10 mr20">取消返回</button>

  254.                 <button type="button" class="color1 bg-red ptb10 plr35 size16 bold mtb10 btn-success">完成添加 (<span>0</span>)</button>

  255.             </div>

  256.         </div>

  257.     </form>

  258.     <!-- 底部版权 -->

  259.     {include file="/system/footer"}

  260.     <script id="searchTpl" type="text/html">

  261.         {{# $.each(d,function(k,v){ }}

  262.         <li data-id="{{v.id}}" data-name="{{v.name}}" data-cover="{{v.cover}}" data-author="{{v.author}}" data-category="{{v.category}}" data-allvisit="{{v.allvisit}}">

  263.             <div class="flex-wrp pt-popular-item">

  264.                 <img src="{{ v.cover }}" class="mr15" alt="{{ v.name }}">

  265.                 <div class="flex-item pt5">

  266.                     <div class="flex-wrp flex-between">

  267.                         <div class="size14"><span class="color7 bold">{{ v.name }}</span></div>

  268.                     </div>

  269.                     <div class="size12">

  270.                         <span class="mr30"{{ v.author }}</span>

  271.                         <span>{{ v.category }}</span> | <span class="color2">{{ v.allvisit }}</span>人在读

  272.                     </div>

  273.                     <div class="mt10 size12">{{ v.last.name }}</div>

  274.                 </div>

  275.                 <div class="pt-novel-select"></div>

  276.             </div>

  277.         </li>

  278.         {{# }) }}

  279.     </script>

  280.     <script id="novelTpl" type="text/html">

  281.         <li>

  282.             <div class="flex-wrp pt-popular-item">

  283.                 <input type="hidden" name="novels[id][]" value="{{d.id}}">

  284.                 <input type="hidden" name="novels[star][]" value="5">

  285.                 <img src="{{d.cover}}" class="mr15" alt="{{d.name}}">

  286.                 <div class="flex-item pt5">

  287.                     <div class="flex-wrp flex-between">

  288.                         <div class="size14">

  289.                             <span class="color7 bold">{{d.name}}</span>

  290.                         </div>

  291.                         <div class="pt-novel-del"></div>

  292.                     </div>

  293.                     <div class="size12">

  294.                         <span class="mr30">{{d.author}}</span> {{d.category}} | <span class="color2">{{d.allvisit}}</span>人在读

  295.                     </div>

  296.                     <div class="mt10">

  297.                         <span class="color32 size14">推荐指数</span>

  298.                         <span class="pt-photo">

  299.                                 <span title="不知所云">

  300.                                     <img src="{$kx.config.resurl}/template/kxmobileno1/images/star1.png" class="high">

  301.                                 </span>

  302.                                 <span title="随便看看">

  303.                                     <img src="{$kx.config.resurl}/template/kxmobileno1/images/star1.png" class="high">

  304.                                 </span>

  305.                                 <span title="值得一读">

  306.                                     <img src="{$kx.config.resurl}/template/kxmobileno1/images/star1.png" class="high">

  307.                                 </span>

  308.                                 <span title="不容错过">

  309.                                     <img src="{$kx.config.resurl}/template/kxmobileno1/images/star1.png" class="high">

  310.                                 </span>

  311.                                 <span title="经典必读">

  312.                                     <img src="{$kx.config.resurl}/template/kxmobileno1/images/star1.png" class="high">

  313.                                 </span>

  314.                             </span>

  315.                     </div>

  316.                 </div>

  317.             </div>

  318.             <textarea class="pt-novel-comment compulsory-row plr10 ptb10 w100" name="novels[comment][]" readonly></textarea>

  319. 

  320.         </li>

  321.     </script>

  322.     <script id="novelEditTpl" type="text/html">

  323.         <div class="flex-wrp flex-flow-row flex-around plr10 mt10">

  324.             <div class="flex-wrp flex-center color62 size12 mb15 pt-square {{d.star==1?'active':''}}" data-value="1"><span class="size14">1</span>分</div>

  325.             <div class="flex-wrp flex-center color62 size12 mb15 pt-square {{d.star==2?'active':''}}" data-value="2"><span class="size14">2</span>分</div>

  326.             <div class="flex-wrp flex-center color62 size12 mb15 pt-square {{d.star==3?'active':''}}" data-value="3"><span class="size14">3</span>分</div>

  327.             <div class="flex-wrp flex-center color62 size12 mb15 pt-square {{d.star==4?'active':''}}" data-value="4"><span class="size14">4</span>分</div>

  328.             <div class="flex-wrp flex-center color62 size12 mb15 pt-square {{d.star==5?'active':''}}" data-value="5"><span class="size14">5</span>分</div>

  329.         </div>

  330.         <div style="text-align: center;">

  331.             <textarea rows="5" class="border-c9" style="width: 90%;padding: 5px;" placeholder="请输入评价">{{d.comment}}</textarea>

  332.         </div>

  333.         <div class="flex-wrp flex-center size14 ptb10 bg-red color1 pt-submit w50 mt10" style="margin: auto;border-radius: 20px;">确认提交</div>

  334.     </script>

  335.     <script src="{$kx.config.resurl}/template/kxmobileno1/js/layer/mobile/layer.js"></script>

  336.     <script src="{$kx.config.resurl}/template/kxmobileno1/js/laytpl.js"></script>

  337.     <script>

  338.         var btn_next = $('.btn-next'),

  339.             btn_return = $('.pt-return'),

  340.             pt_edit = $('.pt-popular-cont.pt-edit'),

  341.             pt_tags = $('.pt-popular-cont.pt-tags'),

  342.             pt_novel = $('.pt-popular-cont.pt-novel'),

  343.             pt_marks = $('.pt-popular-cont.pt-marks'),

  344.             pt_search = $('.pt-popular-cont.pt-search');

  345.         //返回按钮事件

  346.         btn_return.off('click').click(function () {

  347.             switch ($('.pt-popular-cont.active').data('page')) {

  348.                 case 'edit':

  349.                     if (confirm('确认离开此页?')) {

  350.                         window.history.back();

  351.                     }

  352.                     break;

  353.                 case 'tags':

  354.                     $('.pt-tags button').click();

  355.                     break;

  356.                 case 'novel':

  357.                     pt_novel.removeClass('active');

  358.                     pt_edit.addClass('active');

  359.                     btn_next.text('下一步');

  360.                     break;

  361.                 case 'marks':

  362.                     pt_novel.addClass('active');

  363.                     pt_marks.removeClass('active');

  364.                     btn_next.show();

  365.                     break;

  366.                 case 'search':

  367.                     pt_novel.addClass('active');

  368.                     pt_search.removeClass('active');

  369.                     btn_next.show();

  370.                     break;

  371. 

  372.             }

  373.         });

  374.         //下一步按钮事件

  375.         btn_next.click(function(){

  376.             if ($('.pt-popular-cont.active').data('page') === 'edit'){

  377.                 if (!($('input[name=title]').val())) {

  378.                     layer.open({content:'标题不能为空',btn:'我知道了'});

  379.                     return false;

  380.                 }

  381.                 if ($('select[name="tags[]"]').val().length > 3) {

  382.                     layer.open({content:'标签不能多于3个',btn:'我知道了'});

  383.                     return false;

  384.                 }

  385.                 this.innerHTML = '发布';

  386.                 pt_edit.removeClass('active');

  387.                 pt_novel.addClass('active');

  388.                 $('.pt-booklist-title').html($('input[name=title]').val());

  389.                 $('.pt-booklist-tags').html($('.pt-popular-cont.pt-edit .btn-tag input').val());

  390.                 $('.pt-booklist-intro').html($('textarea[name=intro]').val());

  391.             }else{

  392.                 if (!($('input[name=title]').val())) {

  393.                     layer.open({content:'书单名称不能为空',btn:'我知道了'});

  394.                     return false;

  395.                 }

  396.                 if ($('select[name="tags[]"]').val().length > 3) {

  397.                     layer.open({content:'标签不能多于3个',btn:'我知道了'});

  398.                     return false;

  399.                 }

  400.                 if (!$('textarea[name=intro]').val().length) {

  401.                     layer.open({content:'简介不能为空',btn:'我知道了'});

  402.                     return false;

  403.                 }

  404.                 if ($('input[name="novels[id][]"]').length < 3) {

  405.                     layer.open({content:'书籍不能少于三本',btn:'我知道了'});

  406.                     return false;

  407.                 }

  408.                 for (var i = 0; i < $('input[name="novels[id][]"]').length; i++) {

  409.                     if (!$('textarea[name="novels[comment][]"]:eq(' + i + ')').val()) {

  410.                         layer.open({content:'书评不能为空',btn:'我知道了'});

  411.                         return false;

  412.                     }

  413.                     star = parseInt($('input[name="novels[star][]"]:eq(' + i + ')').val());

  414.                     if (!star || star < 1 || star > 5) {

  415.                         layer.open({content:'评分必须介于1 - 5之间',btn:'我知道了'});

  416.                         return false;

  417.                     }

  418.                 }

  419.                 $('form').submit();

  420.             }

  421.         });

  422.         //选择标签事件

  423.         $('.btn-tag').click(function () {

  424.             $(this).parent().removeClass('active');

  425.             pt_tags.addClass('active');

  426.             btn_next.hide();

  427.         });

  428.         //选择标签页面确认按钮事件

  429.         $('.pt-tags button').click(function () {

  430.             $(this).parents('.pt-popular-cont').removeClass('active');

  431.             pt_edit.addClass('active');

  432.             var lis = $('.pt-tags li.active'),

  433.                 select = $('.pt-popular-cont.pt-edit .btn-tag select'),

  434.                 names = [];

  435.             select.html('');

  436.             for (i = 0; i < lis.length; i++) {

  437.                 names.push(lis.eq(i).data('name'));

  438.                 select.append('<option value="' + lis.eq(i).data('value') + '" selected></option>');

  439.             }

  440.             $('.pt-popular-cont.pt-edit .btn-tag input').val(names.length ? names.join(',') : '');

  441.             btn_next.show();

  442.         });

  443.         // 选择标签页面标签点击事件

  444.         $('.pt-tags li').click(function () {

  445.             if ($(this).hasClass('active')) {

  446.                 $(this).removeClass('active');

  447.             } else {

  448.                 if ($('.pt-tags li.active').length >= 3) {

  449.                     alert('最多只能选择三个标签');

  450.                     return false;

  451.                 }

  452.                 $(this).addClass('active');

  453.             }

  454.         });

  455. 

  456.         //书籍页 移除书籍

  457.         pt_novel.on('click', 'textarea,.pt-photo', function () {

  458.             var othis = $(this).parents('li');

  459.             laytpl($('#novelEditTpl').html()).render({

  460.                 star:parseInt(othis.find('input[name="novels[star][]"]').val()),

  461.                 comment:othis.find('textarea[name="novels[comment][]"]').val()

  462.             }, function (html) {

  463.                 var index = layer.open({

  464.                     type: 1,

  465.                     content: html,

  466.                     anim: 'up',

  467.                     style: 'position:fixed; bottom:0; left:0; width: 100%; height: 200px; padding:10px 0; border:none;',

  468.                     success: function (obj) {

  469.                         $(obj).on('click', '.pt-square', function () {

  470.                             $(this).addClass('active').siblings('.active').removeClass('active');

  471.                         }).on('click', '.pt-submit', function () {

  472.                             var star = $(obj).find('.pt-square.active').data('value'),

  473.                                 comment = $(obj).find('textarea').val();

  474.                             othis.find('input[name="novels[star][]"]').val(star);

  475.                             othis.find('textarea[name="novels[comment][]"]').val(comment);

  476.                             othis.find('.pt-photo img').attr('src', '{$kx.config.resurl}/template/kxmobileno1/images/star.png');

  477.                             othis.find('.pt-photo img:lt(' + star + ')').attr('src', '{$kx.config.resurl}/template/kxmobileno1/images/star1.png');

  478.                             layer.close(index)

  479.                         })

  480.                     }

  481.                 })

  482.             });

  483.         }).on('click', '.pt-novel-del', function () {

  484.             $(this).parents('li').remove();

  485.         }).on('click', '.pt-mark-add', function () {

  486.             pt_novel.removeClass('active');

  487.             pt_marks.addClass('active');

  488.             btn_next.hide();

  489.         }).on('click', '.pt-search-add', function () {

  490.             pt_novel.removeClass('active');

  491.             pt_search.addClass('active');

  492.             btn_next.hide();

  493.             $('.btn-search').click();

  494.         });

  495. 

  496.         //书籍添加页 点击事件

  497.         $('.pt-marks,.pt-search').on('click', 'li', function () {

  498.             var othis = $(this), num = 0;

  499.             if (othis.hasClass('active')) {

  500.                 othis.removeClass('active');

  501.                 num = $(this).siblings(".active").length;

  502.             } else {

  503.                 othis.addClass('active');

  504.                 num = $(this).siblings(".active").length + 1;

  505.             }

  506.             $(this).parents('.pt-popular-cont').find('.btn-success').find('span').html(num)

  507.         }).on('click', 'button.bg-white', function () {

  508.             btn_return.click();

  509.         }).on('click', 'button.btn-success', function () {

  510.             $(this).parents('.pt-popular-cont').find('li.active').each(function (l, v) {

  511.                 v = $(v);

  512.                 if (!pt_novel.find('input[name="novels[id][]"][value=' + v.data('id') + ']').length) {

  513.                     laytpl($('#novelTpl').html()).render({

  514.                         id: v.data('id'),

  515.                         name: v.data('name'),

  516.                         cover: v.data('cover'),

  517.                         category: v.data('category'),

  518.                         author: v.data('author'),

  519.                         allvisit: v.data('allvisit')

  520.                     }, function (html) {

  521.                         pt_novel.find('ul').append(html);

  522.                     });

  523.                 }

  524.             });

  525.             btn_return.click();

  526.         });

  527.         $('.btn-search').click(function () {

  528.             $.ajax({

  529.                 url: '{link=novel.search.result responsetype=json}',

  530.                 method: 'POST',

  531.                 data: {'searchkey':$('.pt-search input.searchkey').val()},

  532.                 dataType: 'json',

  533.                 beforeSend: function () {

  534.                     $('body').append('<div class="loading"><div>')

  535.                 },

  536.                 success: function (res) {

  537.                     if (res.code) {

  538.                         alert(res.msg);

  539.                     } else {

  540.                         var ul = pt_search.find('ul');

  541.                         ul.html('');

  542.                         laytpl($('#searchTpl').html()).render(res.data, function (html) {

  543.                             ul.append(html);

  544.                         });

  545.                     }

  546.                 },

  547.                 complete: function () {

  548.                     $('body div.loading').remove();

  549.                 },

  550.             });

  551.         });

  552.     </script>

  553. </body>

  554. </html>